Question

我从Angular材料开始。在安装依赖项之后，我可以使用组件但不能看到任何颜色。

首先我在styles.css上安装了主题：

@import "~@angular/material/prebuilt-themes/purple-green.css";

但没有结果。

然后我在index.html使用了一个引用：

  <link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

也没有结果。所有都是黑色和白色。

有什么想法吗？

Answer 1

请告诉您有关您的项目的更多信息，哪个版本有角度？肯定你做错了，如果它是有角度的cli项目，你需要加入.angular-cli.json，你应该看到一个名为styles的属性，把它添加到那里

Answer 2

在.angular-cli.json styles条目中添加以下内容：

styles: [
    "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
]

然后在终端窗口中运行ng build。

Answer 3

如果您为组件设置颜色属性，例如

，会发生什么

<button md-raised-button color="primary">Click me!</button>

这通常会产生彩色按钮：