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