Unable to get the data with proper format in HTML in angular js

[sandythesand]

I have chemical name C2H5OH which comes in
{{value.value}}
where value = C2H5OH,

I used the function to replace the 2 and 5 with ₂ and ₅ with code
{{value.key == 'mol_formula' ? convertChemical(value.value) : value.value}}

The function is-
$scope.convertChemical = function (chemicalName) { var newString = ''; for (i = 0; i < chemicalName.length; i++) { if (chemicalName[i].match(/[\d\.]+/g) != null) { newString += "<sub>" + chemicalName[i] + "</sub>"; } else { newString += chemicalName[i]; } } return newString; }

In output I got the value like

C<sub>2</sub>H<sub>5</sub>OH

but I need it in Chemical format.
Like: C₂H₅OH

Please help