时间戳

首页 > 解决方案 > Angular Material Theme 不适用于延迟加载的模块？

angular - Angular Material Theme 不适用于延迟加载的模块？

问题描述

为这个愚蠢的问题道歉，但 stackoverflow 警告我不要删除它，原来的出现在下面，但我已经弄清楚了（发布了一个解决方案）：

我用'ng add @angular/material'安装了角度材质主题并选择了靛蓝/粉红色。

我正在尝试在模板中使用该属性，该模板是一个延迟加载的模块，但它不起作用。在我没有延迟加载的模块中，它工作得很好。

在 angular.json 我有：

 "styles": [
      "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
      "src/styles.scss"
    ],

我还编辑了我的 src/styles.scss：

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

尽管如此，我仍然不能在延迟加载的模块中使用像 color="warn" 这样简单的东西。

我还需要做什么？

标签： angular

解决方案

好的，我刚刚对主题和/或 CSS 的工作方式有一个概念上的误解。

我试图说<p color="warn">但以这种方式设置颜色仅适用于特定的材质小部件。相反，我能做的是：

<p class="mat-error">My error</p>

推荐阅读