首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何创建输出HTML的angularjs过滤器

如何创建输出HTML的angularjs过滤器
EN

Stack Overflow用户
提问于 2012-11-06 20:57:44
回答 3查看 81.5K关注 0票数 92

在阅读AngularJS tutorial step-9之后,我创建了我自己的AngularJS过滤器,它可以将布尔数据转换为html。

下面是我的过滤器代码:

代码语言:javascript
复制
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代码:

代码语言:javascript
复制
<dt>Infrared</dt>
  <dd>{{phone.connectivity.infrared | iconify }}"></dd>

问题是borwser按字面意思显示返回值:

代码语言:javascript
复制
<i class="icon-ok"></i>

而不是应该出现的图标(或呈现的html)。

Here is JSFiddle example

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

是否可以为此特定筛选器关闭此清理?

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

代码语言:javascript
复制
<i class="icon-{{phone.connectivity.infrared | iconify}}"><i>

但这不是我想要的。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13251581

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档