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

Question

我在这里有一个stackblitz示例 ,我相信是按照Angular主题文档设置的,但是以下代码中的颜色没有显示:

<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-background":

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

我查看了几个SO条目(例如this)和github发布页面(例如,这个),似乎没有一个与我的问题或当前相关.任何帮助深表感谢.

Answer 1

你在这里忘记的就是导入MatButtonModule:

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

然后在导入数组中偏离课程

imports: [ BrowserModule, FormsModule, MatButtonModule ]

app.module.ts因为你在这里有单个模块.这是stackblitz