如何在Angular2中绑定原始html

我使用Angular 2.0.0-beta.0，我想直接创build并绑定一些简单的HTML。 是可能的和如何？

我试图使用

{{myField}} 

但myField中的文本将被转义。

对于Angular 1.xi发现了ng-bind-html的命中，但是这在2.x中似乎不被支持

弗兰克

Answer 1

绑定到innerHTML属性

有2种方法可以实现：

 <div [innerHTML]="myField"></div> <div innerHTML="{{myField}}"></div> 

将传递的HTML标记为可信，以便Angulars DOM清理程序不去除部分内容

 <div [innerHTML]="myField | safeHtml"></div> 

像一个pipe道

 @Pipe({name: 'safeHtml'}) export class Safe { constructor(private sanitizer:Sanitizer){} transform(style) { return this.sanitizer.bypassSecurityTrustStyle(style); // return this.sanitizer.bypassSecurityTrustHtml(style); // return this.sanitizer.bypassSecurityTrustXxx(style); - see docs } } 

另请参阅在RC.1中，某些样式不能使用绑定语法添加