参见英文答案 >
angular 2 html binding13
我使用Angular 2.0.0-beta.0,我想直接创建和绑定一些简单的HTML.有可能吗？
我使用Angular 2.0.0-beta.0,我想直接创建和绑定一些简单的HTML.有可能吗？
我试过使用
{{myField}}
但是myField中的文本会被转义.
对于Angular 1.x,我发现ng-bind-html的命中,但这似乎在2.x中不被支持
谢谢
坦率
解决方法
绑定到innerHTML属性
<div [innerHTML]="myField"></div>
<div innerHTML="{{myField}}>/div>
将传递的HTML标记为受信任,以便Angulars DOM消毒剂不会剥离部分
<div [innerHTML]="myField | safeHtml"></div>
与piple一样
@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
}
}
