如何绑定原始html在Angular2
发布时间：2020-12-14 18:58:40 所属栏目：资源 来源：网络整理
导读：参见英文答案 angular 2 html binding13 我使用Angular 2.0.0-beta.0,我想直接创建和绑定一些简单的HTML.有可能吗？ 我试过使用 {{myField}} 但是myField中的文本会被转义. 对于Angular 1.x,我发现ng-bind-html的命中,但这似乎在2.x中不被支持 谢谢 坦率 解
|
参见英文答案 >
angular 2 html binding13
我使用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
}
}
参见In RC.1 some styles can’t be added using binding syntax （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |