Angular Material Progress 微调器和进度条不显示

Question

我正在研究 Angular 4。我做了一个新项目：

ng new test-app

然后我跑了：

npm install --save @angular/material @angular/cdk
ng g c first

app.module.ts

ng new test-app

第一个.component.html

npm install --save @angular/material @angular/cdk
ng g c first

结果在浏览器中

在检查器中，微调器看起来正在工作。（进度条也一样）但是没有检查员我什么也看不到。

我试图在 css 中更改颜色，背景似乎有效，但颜色没有改变任何东西。无论我尝试什么，我都看不到我的微调器或进度条。

我在 Mozilla / Chrome / IE11 上试过，同样的问题。

有没有人有想法？谢谢。

Answer 1

您必须在您的 中导入一个主题styles.css，例如将此行添加到文件的顶部：

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

由于某些组件依赖于BrowserAnimationsModule，您应该始终导入它以使动画工作。

有关所需设置的更多详细信息，请查看设置指南。