Angular 2+主题按钮颜色不起作用

Question

我有一个引人注目的例子here 我相信是在Angular theming documentation之后设置的，但是以下代码中的颜色却没有显示：

<button mat-raised-button color="primary">Primary</button>
<button mat-raised-button color="accent">Accent</button>
<button mat-raised-button color="warn">Warn</button>
<button mat-raised-button disabled>Disabled</button>

此外，我是stackblitz的新手，无法找到body标签在哪里（它不在index.html中！！），因此我为my-app标签分配了“ mat-app-背景”：

<my-app class="mat-app-background">loading</my-app>

我浏览了几个SO条目（例如this）和github问题页面（例如this），但似乎都与我的问题或当前问题无关。非常感谢您的帮助。

Answer 1

您在这里忘记的全部是像这样导入MatButtonModule：

import {MatButtonModule} from '@angular/material';

，然后偏离导入数组

imports: [ BrowserModule, FormsModule, MatButtonModule ]

在您的app.module.ts中，因为您在这里只有一个模块。这里是stackblitz

Answer 2

我使用varchar()向项目（ Angular 9 ）添加了材料，并遇到了同样的问题。

要解决此问题，我添加了以下手动添加到ng add @angular/material的依赖项：

package.json

希望这将帮助遇到新版本或使用"@angular/material-moment-adapter": "^9.2.2"命令的人。

Answer 3

您的应用程序中未安装材料。

转到： https://material.angular.io/guide/getting-started

并按照逐步指南进行操作。

我还更新了您的stackblitz，现在可以正常使用了

https://stackblitz.com/edit/angular-p5dhxg

这里是您可以添加对stackblitz的依赖的方法：

只需在下面的文本框中键入您的依赖项名称。 例如，如果您要安装材质，则键入： @ angular / material 并按Enter键。依赖项将被安装。

希望有帮助。

Answer 4

试试这个：

npm install @angular/material-moment-adapter

帮我解决了这个问题（Angular 12）。此外，导入位置也发生了变化：

import { MatButtonModule } from '@angular/material/button';