Alex Man Alex Man - 1 month ago 9
Javascript Question

  in script is not getting compiled

I have created an application in AngularJS with a drop down with space in option using a filter. The application is working fine but the

 
which I have put for space is not getting compiled.

My code is as given below

JSFiddle

html

<select>
<option ng-repeat="(key, value) in headers">{{value | space}}
</option>
</select>


script

app.filter('space', function() {
return function(text) {
if(_.isUndefined(text.mainId))
{
console.log('entered mainId');
return text.value;
}
else
{
console.log('entered');
return '&nbsp;&nbsp;&nbsp;'+text.value;
}
};

Answer

It works by giving the unicode value for &nbsp;.

app.filter('space', function() {
  return function(text) {
       if(_.isUndefined(text.mainId))
       {
           console.log('entered mainId');
           return text.value;
       }
       else
       {
           console.log('entered');
           return '\u00A0\u00A0\u00A0'+text.value;
       }
  };

Answer from here

Comments