Angular材质样式没有被正确应用

Question

我刚刚添加了styles.css文件，但是项目是用scss样式配置创建的。我不知道如何让样式回到我的控件。

Answer 1

当应用样式表在Angular应用中被更改时，对Material主题的引用很可能会出现在安装Material时包含导入主题的原始样式表中。这可以解释为什么构建和呈现组件脚本不包括仍然在原始样式表中的Material CSS。

要解决此问题，请尝试以下操作之一:

当Angular Material主题被包含在应用程序的下列区域之一时，它是可见的:

1. 在Angular.json中，在样式部分添加素材主题CSS文件:

   "styles"("。/node_modules/@angular/材料/的预构建主题/deeppurple-amber.css","src/styles.css"),

2. 在styles.css中导入一个材质CSS主题，如下所示:

   @ import"~ @angular/材料/的预构建主题/deeppurple-amber.css";

重新构建应用程序，以便将引用的样式绑定到脚本中。