如何在Angular2[重复]中绑定原始html

Question

{{myField}}

对于Angular 1.x，我找到了ng-bind-html的点击，但2.x似乎不支持这一点

thx Frank

Answer 1

绑定到innerHTML属性

有两种方法可以实现：

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

将传递的HTML标记为受信任的，以使Angulars DOM sanitizer不会剥离

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

@Pipe({name: 'safeHtml'})
export class Safe {
  constructor(private sanitizer:DomSanitizer){}

  transform(value: any, args?: any): any {
    return this.sanitizer.bypassSecurityTrustHtml(value);
    // return this.sanitizer.bypassSecurityTrustStyle(style);
    // return this.sanitizer.bypassSecurityTrustXxx(style); - see docs
  }
}