从Angular Material2 beta7开始，AOT设置的风格就被打破了

Question

自Angular Material2 beta7更新以来，由于this breaking change，AOT设置的样式信息似乎已被打破。

领域边缘似乎已经消失，而且下划线也是如此。似乎所有东西都排成一行。

尽管我已按照here under step 4所述正确设置角度材质预建主题。

Answer 1

刚刚找到解决方案。

如果你使用Angular和AOT（首选方式），index.html中的这一部分将不起作用。

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

Angular AOT编译器不会抓取index.html文件的标题链接。相反，您需要从node_modules文件夹中复制所需的主题文件，并将其分配给Angular应用程序中的默认样式。

在我的情况下，我有一个themes.scss文件，我可以像这样导入它：

@import "src/theme/deeppurple-amber";

现在它有效。祝你好运！