Angular 2 - innerHTML样式

Question

我从HTTP调用中获取大量HTML代码。我将HTML块放在一个变量中并使用[innerHTML]将其插入到我的页面中，但我无法设置插入的HTML块的样式。有没有人有任何建议如何实现这一目标？

@Component({selector: 'calendar',

template: '<div [innerHTML]="calendar"></div>',

providers:[HomeService], 

styles: [` 

h3 {color:red;}

`})

我想要设置样式的HTML是变量“calendar”中包含的块。

Answer 1

您需要遵循的简单解决方案是transformYourHtml(htmlTextWithStyle) {&nbsp; &nbsp; return this.sanitizer.bypassSecurityTrustHtml(html);&nbsp; }