关于angular：如何在Angular2中绑定原始html


How to bind raw html in Angular2

本问题已经有最佳答案，请猛点这里访问。

我使用angular 2.0.0-beta.0，我想直接创建和绑定一些简单的HTML。是可能的，怎么可能？

我试着用

1
{{myField}}

但myfield中的文本将被转义。

对于angular 1.x，我找到了ng bind html的点击量，但在2.x中似乎不支持这个。

谢谢弗兰克

绑定到innerHTML属性

有两种方法可以实现：

1
 

将传递的HTML标记为可信，这样Angulars DOM Sanitizer就不会删除

1
 

号

像管子一样

1
2
3
4
5
6
7
8
9
10
@Pipe({name: 'safeHtml'})
export class Safe {
  constructor(private sanitizer:DomSanitizer){}

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

另请参见rc.1，有些样式不能使用绑定语法添加。

相关讨论