css - 自 Angular Material2 beta7 以来，AOT 设置的风格被打破

Question

自 Angular Material2 beta7 更新以来，由于这一重大变化，AOT 设置的样式信息似乎被破坏了。

字段边缘似乎消失了，下划线也消失了。一切似乎都排成一行。

尽管我已经按照步骤 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 应用程序中的默认样式。

就我而言，我有一个 theme.scss 文件，我可以像这样简单地导入它：

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

现在它起作用了。祝你好运！