Отображение обычных HTML-элементов на одной странице веб-приложения Angular Material.

Question

У меня есть веб-приложение Angular (6), тематически оформленное и стилизованное под Angular Material.

Я хочу отобразить всплывающее диалоговое окно, содержащее нестандартные стандартные элементы HTML, такие как флажки, кнопки и входы.

У меня правильно отображается диалоговое окно, но я не уверен, как начать добавлять нестандартные, нематериальные html-элементы.

Первоначальной попыткой было просто добавить необработанный элементтег без каких-либо директив материала, но это не сработало, так как базовая линия CSS материала разрушает стиль элемента по умолчанию.

Есть идеи?

Answer 1

Я создал стек стека, использующий диалоговое окно Angular Material Popup, и он включает в себя нестандартные стандартные элементы HTML, вы можете просмотреть его здесь: https://stackblitz.com/edit/angular-csaqaq-vidddn

Просто выполните свой обычный HTML <button>submit</button> ине теги материала <button mat-button>Click me!</button>