在innerHTML之后,Ionic2组件没有样式

时间:2016-11-25 15:17:12

标签: angularjs typescript ionic2

这是我正在尝试做的事情:

我的.ts文件中有一个带html和离子元素的字符串:

page_content = "<ion-card class='card-ios'><ion-card-header>Header</ion-card-header><ion-card-content>Card Content</ion-card-content></ion-card>"

然后我想在html页面的div中注入该字符串:

<ion-content padding class="home">
<div [innerHTML]="sanitizer.bypassSecurityTrustHtml(page_content)">
</div>
</ion-content>

问题是卡的样式不适用于内容,如果我直接在html中插入代码就可以了。

with innerHTML

enter image description here

直接插入

enter image description here

提前致谢。

0 个答案:

没有答案