脚本中没有编译

时间:2015-03-02 07:37:41

标签: javascript angularjs html-select angular-filters

我在AngularJS中创建了一个应用程序,其中使用过滤器选项中包含空格。该应用程序工作正常,但我为空间提出的 没有得到编译。

我的代码如下所示

JSFiddle

HTML

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

脚本

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;
       }
  };

2 个答案:

答案 0 :(得分:1)

试试这个return '\u00A0' + text.value;

Javascript不知道您要解析html实体,这就是我们必须使用unicode代码的原因。

工作fiddle

答案 1 :(得分:1)

它的工作原理是为&nbsp;提供unicode值。

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