在innerHTML

时间:2018-04-30 10:26:23

标签: ionic-framework ionic3

在Ionic 3中,如何在动态加载的HTML中公开Ionic组件。

在控制器中:
testHtml = `<h1>Testpage</h1><button ion-button>This should look like a button</button>`;

在视图/模板中: <div innerHtml="testHtml"></div>"

问题:该按钮不会呈现为离子按钮,而是常规的html按钮。

1 个答案:

答案 0 :(得分:1)

加载动态HTML不会编译离子组件。相反,你应该使用用于创建按钮的离子类:

testHtml = '<h1>Testpage</h1><button class="button button-md button-default button-default-md">This should look like a button</button>';

希望这会对你有所帮助。