如何在Angular2中绑定原始html

Question

我使用Angular 2.0.0-beta.0，我想直接创建并绑定一些简单的HTML。有可能吗？

我尝试使用

{{myField}}

但是myField中的文本将被转义。

对于Angular 1.xi，发现ng-bind-html命中，但2.x似乎不支持

弗兰克斯

Answer 1

绑定到innerHTML属性有两种方法可以实现：<div [innerHTML]="myField"></div><div innerHTML="{{myField}}"></div>将传递的HTML标记为受信任的HTML，以便Angulars DOM sanitizer不会剥离<div [innerHTML]="myField | safeHtml"></div>用类似的管道@Pipe({name: 'safeHtml'})export class Safe {&nbsp; constructor(private sanitizer:DomSanitizer){}&nbsp; transform(value: any, args?: any): any {&nbsp; &nbsp; return this.sanitizer.bypassSecurityTrustHtml(value);&nbsp; &nbsp; // return this.sanitizer.bypassSecurityTrustStyle(style);&nbsp; &nbsp; // return this.sanitizer.bypassSecurityTrustXxx(style); - see docs&nbsp; }}

Answer 2

我正在使用相同的方法来防止它剥夺click事件，但是现在click事件不会触发，我已经看到其他答案说明了动态事件click，但是在上述这种简单情况下，如何使click有效