由于Angular Material2 beta7，样式在AOT设置中被破坏

问题描述：

自从Angular Material2 beta7更新以来，由于this breaking change，样式信息似乎因AOT设置而中断。由于Angular Material2 beta7，样式在AOT设置中被破坏

场边缘似乎消失了，下边也是。一切似乎排在一行。

enter image description here

Eventhough我已经正确设置的角材料预建主题所描述here under step 4。

答

刚刚找到解决方案。

如果您使用Angular with 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";

现在，它的工作原理。祝你好运！