Angular2 Material2 <md-spinner>は表示されていませんが動作しています

Question

私の前提は私のCSSは正しくありませんが、うーん、私はこれを理解できません。

<div *ngIf="loading"> 
 
    <md-progress-circle mode="indeterminate" color="warn">Loading...</md-progress-circle> 
 
</div> 
 
<md-list> 
 
    <md-list-item *ngFor="let incident of incidents"> 
 
    <h3 md-line> {{name}} </h3> 
 
    <p md-line> 
 
     <span>{{date}} > </span> 
 
     <span>{{text}}</span> 
 
    </p> 
 
    </md-list-item> 
 
</md-list>

Answer 1

getting started guideから

：。

これはあなたの アプリケーションにコアとテーマスタイルのすべてを適用するために必要とされる

：

は、コアとテーマのスタイルを含めます。あらかじめ作成されたテーマを使用するか、独自の カスタムテーマを定義することができます。

• 手順については、theming guideを参照してください。

私は時間の一部を仕事にずに、角/材料@テーマを使用して見つけました。テキスト入力は機能しますが、ラジオボタン、チェックボックス - スピナーに見えます - テーマが正しく機能することが必要です。

引用文に記載されているように、提供されているテーマの1つ（現在6つが提供されています）を使用するか、独自のテーマを作成できます。提供されたテーマは、@import('~@angular/material/core/theming/prebuilt/<theme>.css')を使用してCSSに含めることができます。

Answer 2

変更：

[カラー] = " '不定'" = [MODE] " '警告'"

使用角かっこ結合のために。 あなたが直接文字列を代入しているとして、あなたは使い「と「

あなたのindex.htmlヘッダーに次の行を追加します。

<リンクのhref =」https://unpkg.com/@angular/material/coreする必要が/theming/prebuilt/indigo-pink.css」のrel = "スタイルシート" あなたは@角度/材料のためのテーマを使用していることを確認する必要があり>

Answer 3

私の場合、私はフォントの素晴らしいスピナーを持っていましたが、FontAwesome CSSファイルがまだ完全に読み込まれていなかったので動作していましたが表示されませんでした。解決策は、index.htmlのcssファイルをリンクするのではなく、npm angular2-fontawesomeを使用することでした。私は、このプロパティを固定するため

Answer 4

はwhiteはスピナー