时间戳

首页 > 解决方案 > Angular 2+ 主题按钮颜色不起作用

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

问题描述

我在这里有一个 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 问题页面（例如this），但似乎没有一个与我的问题或当前相关。任何帮助深表感谢。

标签： angularthemes

解决方案

您在这里忘记的只是导入MatButtonModule如下：

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

然后在导入数组中偏离轨道

imports: [ BrowserModule, FormsModule, MatButtonModule ]

因为你app.module.ts在这里有一个模块。

另外，一定要在styles.css中也导入一个主题

@import '@angular/material/prebuilt-themes/deeppurple-amber.css';

这是堆栈闪电战

推荐阅读