Использование ионных компонентов в innerHTML

Question

В Ionic 3, как я могу представить компоненты Ionic в динамически загружаемом HTML.

В контроллере:
testHtml = `<h1>Testpage</h1><button ion-button>This should look like a button</button>`;

В представлении / шаблоне: <div innerHtml="testHtml"></div>"

Проблема: кнопка отображается не как ионная кнопка, а как обычная кнопка HTML.

Answer 1

Загрузка динамического HTML не приведет к компиляции ионных компонентов. Вместо этого вы должны использовать ионные классы, используемые для создания кнопок, таких как:

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

Надеюсь, это поможет вам.