在Angular Material web应用程序的单个页面上显示普通HTML元素

Question

我有一个Angular (6)网络应用程序，这是主题和风格的角度材料。

我希望显示一个弹出对话框，其中包含无样式的标准HTML元素，如复选框、按钮和输入。

我已经正确地显示了对话框，但是我不确定如何开始添加无样式、非材料的html元素。

我最初的尝试是简单地添加原始元素标签，没有任何material指令，但这并不起作用，因为Material的基线css破坏了默认的元素样式。

有什么想法吗？

Answer 1

我创建了一个stackblitz，它使用了Angular Material弹出对话框，它包含无样式的标准HTML元素，你可以在这里查看：https://stackblitz.com/edit/angular-csaqaq-vidddn

只做典型的HTML <button>submit</button>，而不是材料标签<button mat-button>Click me!</button>