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) {

    return this.sanitizer.bypassSecurityTrustHtml(html);

  }