angular - 子组件的角度材质样式不起作用

Question

安装了@angular/material 7 npm 包并包含主题参考、app.component.html 中的材质图标链接等的 Angular 7 项目正在渲染根 app.component.html 中的所有材质组件，但似乎渲染不正确来自所有其他模块的材料组件。

这是我到目前为止所尝试的：

1. 尝试了不同的模块 - 影响除根以外的所有其他模块。
2. 试图重新编译和重新服务 - 同样的事情。
3. 尝试了各种组件，所有组件都渲染不正确。

问题仍然存在...任何有关此问题的帮助将不胜感激！

标签： angularangular-material

Answer 1

好的，解决了。

事实证明，按照角度材料文档中的说明，项目中必须引用一个主题。例如：

@import "~@angular/material/prebuilt-themes/indigo-pink";

问题是 import 语句最初包含在 app.component.scss 中，而它应该在根 styles.scss 文件中！