小编Pav*_*nko的帖子

在阅读AngularJS教程步骤9之后, 我创建了自己的AngularJS过滤器,它应该将布尔数据转换为html.

这是我的过滤器代码:

angular.module('phonecatFilters', []).filter('iconify', function () { // My custom filter
    return function (input) {
        return input ? '<i class="icon-ok"></i>' : '<i class="icon-remove"></i>';
    }
});

这是我的HTML代码:

<dt>Infrared</dt>
  <dd>{{phone.connectivity.infrared | iconify }}"></dd>

问题是borwser显示返回值的字面意思如下:

<i class="icon-ok"></i>

不应该出现的图标(或渲染的html).

这是JSFiddle的例子

我认为在这个过程中会发生一些消毒.

是否可以针对此特定过滤器关闭此消毒功能？

另外我知道如何通过不从过滤器返回HTML输出来显示图标,而只是'ok'或'remove'文本然后我可以替换为:

<i class="icon-{{phone.connectivity.infrared | iconify}}"><i>

但这不是我想要的.