在 innerHTML 中使用 Ionic 组件

【问题标题】：Using Ionic components in innerHTML在 innerHTML 中使用 Ionic 组件
【发布时间】：2018-04-30 18:31:42
【问题描述】：

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

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

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

问题：该按钮未呈现为离子按钮，而是普通的 html 按钮。

【问题讨论】：

【解决方案1】：

加载动态 HTML 不会编译 ionic 组件。相反，您应该使用用于创建按钮的离子类，如下所示：

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

希望对你有所帮助。

【讨论】：