angular innerHTML class失效

2020-08-06 13:29发布

问题:

动态加载html 用innerHTML的时候,class不起作用,用bypassSecurityTrustHtml方法style是可以起作用的,但是class还是不行

.html页面
<div [innerHTML]="testHtml | innerhtmlpipe"></div>

.ts页面
this.testHtml = '<div class="divtest"></div>';

.css
.divtest{
width:100px;
height:100px;
background-color: red;
}

怎么能让动态添加的html里的class生效呢?

思路1. 动态改变元素后,再渲染一次(但是angular怎么再渲染?)
思路2. 有别的更好的办法。

回答1:

html 變動就會觸發ReRender
有用開發者工具確認過,css真的有套用到嗎?