@ angular2-materialにカスタムカラーを追加するには？

Question

@ angular2-material/slide-toggleに赤と緑のカスタムカラーを追加しようとしています。スライドトグルが無効の場合、色は赤で、有効な場合は色は緑です。カスタムを追加する方法

1. - ：

   ここでの私component.htmlコード： - ここ

   <md-slide-toggle 
        (change)="testChange($event)" 
        [color]="myColor"> 
   </md-slide-toggle> 
   

   マイcomponent.tdコード： -

   myColor; 
   testChange(event) { 
       alert(event) 
       if(event == true) 
       { 
       this.myColor = "#006400"; 
       } 
       else 
       { 
       this.myColor = "#FF0000"; 
       } 
   } 
   

   私は私の質問を繰り返しangle2素材のスライドトグルカラー？

2. スライダトグルが無効になっている場合、色は赤、それ以外は緑です。

ありがとう！

Answer 1

あなたは、あなたは条件が間違っている場合は、あなたのTSにhere

Answer 2

が提出されている独自のテーマを作成するために[color]='primary'など、ドキュメントを設定することができ、独自のカスタムカラーテーマを追加する必要があります。

myColor; 
testChange(event) { 
    alert(event) 
    if(event.checked == true) 
    { 
    this.myColor = "#006400"; 
    } 
    else 
    { 
    this.myColor = "#FF0000"; 
    } 
} 

また、[ngClass] = "checked === true？" redColorClass '：' greenColorClass '"

のredColorClassクラスとgreenColorClassクラスを設定して、希望の色を表示することもできます。