角度材料的md-警告开关

Question

这个密码是一个角度材料开关的演示。

http://codepen.io/helpme/pen/rxNxXo

有md警告的开关和没有md警告的开关有什么区别？

<md-switch ng-model="data.cb1" aria-label="Switch 1">
    Switch 1: {{ data.cb1 }}
  </md-switch>

  <md-switch ng-model="data.cb2" aria-label="Switch 2" ng-true-value="'yup'" ng-false-value="'nope'" class="md-warn">
    Switch 2 (md-warn): {{ data.cb2 }}
  </md-switch>

我无法看到在演示中的区别。从文档https://material.angularjs.org/latest/api/directive/mdSwitch中，我无法获得更多关于md的信息。

Answer 1

这与“颜色意图”有关，在角材料站点上的主题部分：introduction中解释了这一点。

角材料的有效颜色意图包括：

• 主-用于表示用户的主接口元素。
• 重音-用于表示用户的辅助界面元素
• warn -用于表示用户应该注意的接口元素

这些意图中的每一个都是通过一个类来实现的，与往常一样，它的名称前面有"md-"，即“md-警告”、“md-重音”和"md-warn“。

每个类所应用的颜色将根据您为应用程序定义的主题和/或颜色而有所不同。

默认情况下，md-warn会在应用时将开关变成橙色(实际上是rgb(255，87,34))。你看不出有多大的不同，因为它与默认的颜色非常相似，如果你不改变的话，它就是某种粉红色/品红。

Answer 2

在第二个按钮上：class="md-warn"

md只是ng材料中一个样式化的css类，导致按钮在活动时具有不同的颜色。

在演示中，颜色从粉红色变为橙色。

Answer 3

顾名思义，md-warn是一个用于角材料的CSS类。它以#FC0366颜色显示内容。