由於Angular Material2 beta7，樣式在AOT設置中被破壞

Question

自從Angular Material2 beta7更新以來，由於this breaking change，樣式信息似乎因AOT設置而中斷。

場邊緣似乎消失了，下邊也是。一切似乎排在一行。

Eventhough我已經正確設置的角材料預建主題所描述here under step 4。

Answer 1

剛剛找到解決方案。

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

現在，它的工作原理。祝你好運！