md-warn开关适用于角度材料

问题描述:

此codepen是角度材料开关的演示。md-warn开关适用于角度材料

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

有什么用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-warn的更多信息。

这与“色意图”至极的角料场下的主题化部分解释这样做:https://material.angularjs.org/latest/Theming/01_introduction

在角材料

有效颜色意向包括:

  • 小学 - 用来表示用户的主要界面元素
  • 重音 - 用于表示用户的辅助界面元素
  • 警告 - 用于表示用户应该使用的界面元素 小心

这些意图中的每一个由一类至极来施加时,按照惯例,其名称为“MD-”,即,“MD-警告”,“MD-口音”开头和“md-primary”。

这些类适用的颜色会根据您为应用程序定义的主题和/或颜色调色板而有所不同。

默认情况下,md-warn会将您的开关变为橙色(实际上是rgb(255,87,34))。你没有看到太多的差异,因为它与默认颜色非常相似,如果你没有改变,那么这是一种粉红色/洋红色。

上的第二个按钮:class="md-warn"

MD-警告只是以ng材料定型css类使按钮不同的颜色的活性时。

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

顾名思义,md-warn是角材料的CSS类。它显示颜色为#FC0366的内容。