如何让html返回angular2管道？
如何让html返回angular2管道？
提问于 2015-12-29 03:59:30
我有一个返回html字符串的管道，但是字符串输出可能是默认的安全转义。我确信肯定有一个选项来允许html，但当我搜索文档时找不到它。
我如何告诉管道允许实际的html呈现？
回答 2
Stack Overflow用户
发布于 2015-12-29 05:05:42
使用绑定到innerHTML或outerHTML来呈现已经转义的html。例如<span [innerHTML]="someString | toHtmlPipe"></span>。请参阅this plunk
@Pipe({
name: 'wrapBold'
})
class WrapBold {
transform(content) {
return `<b>${content}</b>`;
}
}
@Component({
selector: 'my-app',
pipes: [WrapBold],
template: `
<div>
Hello <span [outerHTML]="content | wrapBold"></span>
</div>
`
})
export class App {
constructor() {
this.content = 'Angular2'
}
}Stack Overflow用户
发布于 2015-12-31 01:19:26
所以谢谢你的回复。
使用@alexpods建议的outerHTML绑定效果很好。我根本不需要换烟斗。
所以我之前做的是：
{{'TEXT' | hn: 'h2.whatever'}}，它产生了正确的html，但转义了ie。
<h2 class="whatever">TEXT</h2>
它的工作方式很棒：<span [outerHTML]="'TEXT' | hn:'h2.whatever'"></span>
输出：<h2 class="whatever">TEXT</h2>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34504203
复制相关文章
相似问题
腾讯云开发者
