我们正在重建我们的Web应用程序,并选择使用Angular作为前端框架,并选择Google Material作为主要样式概念,因为它既简单又流行。
我们的大多数页面将成为Angular应用程序的一部分,但有些则不是。我们希望在应用程序的任何页面上使用相同的类/样式和主题,并避免代码重复。
主要问题是:如何在没有Angular的页面上使用Angular Material工具包中的Material Design类?我们找不到完整的Angular Material CSS文档来简单地将CSS链接与库和我们的主题附加到“静态”页面。
谢谢!
答案 0 :(得分:1)
没有任何文档
使用角材料类以外角页
因为不打算将Angular Material用作样式/脚本“工具包”。它是为角应用框架平台的一个组件库。它是通过使用自定义组件,指令等,而不是通过应用类标准的HTML实现。
例如,不与创建的角材质表单字段:
<div class="mat-form-field">...</div>
它与创建的:
<mat-form-field>...</mat-form-field>
这当然在Angular之外不起作用。
话虽这么说,风格样式,CSS是CSS,它可以应用到任何东西,只要它被导入的页面。因此<div class="mat-form-field">...</div>
可能会做某事,但是它不太可能会做您想做的事-结果会相差很大。要点是,class="mat-form-field"
不能用于使用<mat-form-field>
生成的内容。其余所有库也是如此(对于某些具有某些组件的特定功能,可能会有一些例外情况-不确定-但是组件文档会对此加以说明)。
要正式记录如何做某事,需要针对该用途进行设计和支持。显然这里不是这种情况,所以这就是为什么没有任何官方文档的原因。
Angular Material的版式类是一个例外,可以用作常规HTML的类,因此是documented。