2015-12-04 49 views
1

此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的更多信息。

回答

2

這與「色意圖」至極的角料場下的主題化部分解釋這樣做:https://material.angularjs.org/latest/Theming/01_introduction

在角材料

有效顏色意向包括:

  • 小學 - 用來表示用戶的主要界面元素
  • 重音 - 用於表示用戶的輔助界面元素
  • 警告 - 用於表示用戶應該使用的界面元素 小心

這些意圖中的每一個由一類至極來施加時,按照慣例,其名稱爲「MD-」,即,「MD-警告」,「MD-口音」開頭和「md-primary」。

這些類適用的顏色會根據您爲應用程序定義的主題和/或顏色調色板而有所不同。

默認情況下,md-warn會將您的開關變爲橙色(實際上是rgb(255,87,34))。你沒有看到太多的差異,因爲它與默認顏色非常相似,如果你沒有改變,那麼這是一種粉紅色/洋紅色。

1

上的第二個按鈕:class="md-warn"

MD-警告只是以ng材料定型css類使按鈕不同的顏色的活性時。

在演示中,顏色從粉紅色變爲橙色。

1

顧名思義,md-warn是角材料的CSS類。它顯示顏色爲#FC0366的內容。