如何在Angular2中绑定原始html

如何在Angular2中绑定原始html,angular,Angular,我使用Angular 2.0.0-beta.0,我想直接创建和绑定一些简单的HTML。是可能的,怎么可能 我试着用 {{myField}} 但是myField中的文本将被转义 对于Angular 1.x,我找到了ng bind html的点击率,但这在2.x中似乎不受支持 thx Frank绑定到innerHTML属性 有两种方法可以实现: 将传递的HTML标记为受信任,以便Angulars DOM sanitizer不会剥离 像烟斗一样 @Pipe({name:'safeHtml'}

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

我试着用

{{myField}}
但是myField中的文本将被转义

对于Angular 1.x,我找到了ng bind html的点击率,但这在2.x中似乎不受支持

thx
Frank

绑定到
innerHTML
属性

有两种方法可以实现:


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


像烟斗一样

@Pipe({name:'safeHtml'})
出口级保险箱{
构造函数(私有sanitizer:DomSanitizer){}
转换(值:any,args?:any):any{
返回此.sanitizer.bypassSecurityTrustHtml(值);
//返回此.sanitizer.bypassSecurityTrustStyle(样式);
//返回此.sanitizer.bypassSecurityTrustXxx(样式);-参见文档
}
}

另请参见

我正在使用相同的方法来阻止它剥离单击事件,但现在单击事件不会触发,我已经看到了其他关于动态事件单击的答案,但是如何使单击在上述简单情况下工作您不能使用
[innerHTML]=“…”绑定添加任何角度特定的内容。实现此功能的唯一方法是在运行时创建和编译组件。angular way of event listen“不错的东西”我不确定这是否是对规范的更新,但在angular 5+中,它现在是@angular/platform browser的DomSanitizer,而不是@angular/core类的Sanitizer。@GünterZöchbauer是的,我同意,我只是想指出这一点,让人们先考虑一下,而不是在所有情况下都复制管道。