Question

我尝试在@ angular2-material / slide-toggle中添加我的自定义颜色，如红色和绿色。如果禁用了滑动切换，则颜色为红色，如果启用，则颜色为绿色。

我的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";
  }
}

我重复我的问题： -

如何在angular2材质幻灯片切换中添加自定义颜色？
如果禁用滑块切换，则颜色为红色，否则为绿色。

谢谢！

Answer 1

您需要添加自己的自定义颜色主题，然后可以设置[color]='primary'等，创建自己主题的文档为here

Answer 2

如果条件错误，在你的ts文件中：

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

你也可以试试[ngClass] =＆＃34;检查===是吗？＆＃39; redColorClass＆＃39; ：＆＃39; greenColorClass＆＃39;＆＃34;

在component.css中设置redColorClass和greenColorClass类以显示所需的颜色。

如何在@ angular2-material中添加自定义颜色？

2 个答案: