Angular Material2 beta7のアップデート以降、スタイル設定情報はthis breaking changeのためにAOT設定で破損しているようです。Angular Material2 beta7以降、AOT設定のスタイルが壊れています
フィールドマージンがなくなっているように見えます。すべてが1行に並んでいるようです。 here under step 4を説明するように、私は適切な角度材料構築済みテーマを設定している本家
。
解決策が見つかりました。
ここでindex.htmlのこの部分は、AOT（好きな方法）でAngularを使用している場合は機能しません。
<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";
今では動作します。がんばろう！