angular2 html标签,angular2展现包含html标签的内容

angular2采用{{变量}}的方式展现数据，但字符串中包含html代码，会被自动过滤掉。css

采用这种方式能够直接将html代码展现出来。html

但这样写又会存在一个新问题：展现的html标签中，style的属性会被过滤掉。java

坑~~~api

解决方法：使用ng2服务DomSanitizer中的bypassSecurityTrustHtml方法angular2

import { Component, OnInit } from '@angular/core';

import { DomSanitizer } from '@angular/platform-browser';

@Component({

selector: 'my-zhizaoZixunDetail',

templateUrl: './zhizaoZixunDetail.component.html',

styleUrls: [ './zhizaoZixunDetail.component.css' ],

providers: [ZhizaoZixunDetailService]

})

export class ZhizaoZixunDetailComponent implements OnInit {

constructor(private activatedRoute: ActivatedRoute,

private domSanitizer: DomSanitizer,

private zhizaoZixunDetailService: ZhizaoZixunDetailService) {};

ngOnInit(): void {

var results = this.zhizaoZixunDetailService.getData(this.zhizaoZixun);

results.then((response) => {

if(response!=null) {

this.detail=response;

this.detail["wenzhNeir"]=

this.domSanitizer.bypassSecurityTrustHtml(this.detail["wenzhNeir"]);

}

}

}

}

用domSanitizer.bypassSecurityTrustHtml转换一下就能够解决了。dom

参考：http://www.jianshu.com/p/ef008e9c07deide