我有一个返回 html 字符串的管道,但是字符串输出可能会作为安全默认值进行转义。我确信必须有一个选项来允许使用 html,但当我搜索文档时找不到它。
我怎样才能告诉管道允许渲染实际的 html?
使用绑定innerHTML https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML or outerHTML https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML渲染已经转义的 html。例如<span [innerHTML]="someString | toHtmlPipe"></span>
. See 这个笨蛋 http://plnkr.co/edit/458YlcYlHwDIRnQ6a2B9?p=preview:
@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'
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)