当前位置:  开发笔记 > 后端 > 正文

如何在Angular2中绑定原始html

如何解决《如何在Angular2中绑定原始html》经验,为你挑选了1个好方法。

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

我试着用

{{myField}}

但myField中的文本将被转义.

对于Angular 1.xi发现了ng-bind-html的命中,但这似乎不支持2.x.

弗兰克



1> Günter Zöchb..:

绑定到innerHTML属性

有两种方法可以实现:

将传递的HTML标记为受信任,以便Angulars DOM清理程序不会删除部分内容

用管子

@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
  }
}

另请参见在RC.1中,无法使用绑定语法添加某些样式

推荐阅读
小色米虫_524
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有