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
的内容。