Angular 在角度页面外使用角度材质类

我们正在重建我们的web应用程序，并选择使用Angular作为前端框架，使用Google Material作为主要样式概念，因为它简单且流行

我们的大多数页面将是Angular应用程序的一部分，但有些页面不会。我们希望在应用程序的任何页面上使用相同的类/样式和主题，并避免代码重复

主要问题是：如何在没有Angular的页面上使用Angular Material toolkit中的材质设计类？我们还没有找到完整的角度材质CSS文档，只需将CSS链接与库和主题连接到“静态”页面

---

谢谢

没有关于

在角度页面外使用角度材质类

因为角度材料不打算用作样式/脚本“工具箱”。它是Angular应用程序框架平台的组件库。它是通过使用自定义组件、指令等实现的，而不是通过将类应用于标准HTML来实现的

例如，角度材质形状字段不是通过以下方式创建的：

<div class="mat-form-field">...</div>

<mat-form-field>...</mat-form-field>

。。。

它是通过以下方式创建的：

<div class="mat-form-field">...</div>

<mat-form-field>...</mat-form-field>

。。。

当然，这在外面是行不通的

也就是说，样式就是样式，CSS就是CSS，只要导入到页面中，它就可以应用于任何东西。因此，

…

可能会做一些事情，但它不太可能做您希望它做的事情-结果会有很大差异。主要的一点是，

class=“mat form field”

不是设计用来工作的，除非是使用

生成的。库的其余部分也是如此（对于某些组件的特定功能，可能会有一些例外情况——不确定——但组件文档会注意到这一点）

正式记录如何做某事需要为该用途进行设计和支持。这里显然不是这样，所以没有任何官方文件

---

一个例外是Angular Material的排版类，它可以用作常规HTML的类，因此是。

请尝试在此处搜索：node_modules\@Angular\Material_theming.scs在HTML页面中附加Angular-Material.css。。。例如index.html。。。Angular应用程序之外的所有内容以及Angular应用程序都将使用此css文件…当您在Angular项目中使用Angular材质并在Angular项目中包含Angular材质的css文件时，您可以将该css文件包含在任何其他html中，并且浏览器会在第一次调用时缓存css文件（当angular解析angular material CSS时）我认为这不是重复。谢谢你给出这个简单的答案，但是你能提供一个指向angular material CSS类文档的链接吗？我们已经在MDL上准备好了页面布局，例如使用网格系统，并且必须“翻译”材质设计精简样式转换为角度材质样式，但找不到有关它的详细文档。