AngularDart Material Design 複選框

MaterialCheckboxComponent

Selector: <material-checkbox>

<material-checkbox>是一個能夠選中或取消選中的按鈕。

用戶能夠點擊該複選框以選中或取消選中它。 一般使用複選框容許用戶從一組中選擇多個選項。若是您有一個ON/OFF選項，請避免使用單個複選框並使用material-toggle。

咱們沒有擴展ButtonDecorator，由於咱們須要覆蓋幾個屬性，包括role，tabindex，但最重要的是由於checkbox只能與SPACE交互，而button適用於SPACE和ENTER。

Attributes:

• no-ink - 設置此屬性以禁用芯片上的漣漪效應。

Inputs:

• checked bool 
  複選框的當前狀態。這是用戶可設置狀態，經過toggleChecked()，所以在選中時，indeterminate狀態將被清除。
  true是CHECKED而false不是。
   
• disabled bool 
  複選框是否不該響應事件，而且具備暗示不容許交互的樣式。
   
• indeterminate bool 
  複選框的替代狀態，而不是用戶可設置狀態。 在checked和indeterminate之間，只有一個能夠是真的，儘管二者均可能是假的。
  true是INDETERMINATE而false不是。
   
• indeterminateToChecked bool 
  肯定切換indeterminate狀態時要進入的狀態。
  true將去檢查，false將取消選中。
   
• label String 
  複選框的標籤，或者使用內容。
• readOnly bool 
  是否能夠經過用戶交互更改複選框。
   
• themeColor String 
  選中時複選框的顏色和紋波。
  示例：'＃FF00FF'。 默認狀況下，它是$ mat-blue-500。 請注意，即便未選中該框，themeColor也會應用於複選框，這與標準材質規格不一樣。 除非您須要此行爲，不然請使用mixin設置themeColor。

Outputs:

• change Stream<dynamic> 
  當複選框狀態改變時觸發，發送checkedStr，即ARIA狀態。
   
• checkedChange Stream<dynamic> 
  選中或取消選中複選框時觸發，但設置indeterminate時則不觸發。 發送checked的狀態。
   
• indeterminateChange Stream<dynamic> 
  當複選框進入和退出不肯定狀態時觸發，可是當設置爲選中時則不觸發。
  發送indeterminate狀態。

MaterialCheckboxExample

查看示例，查看源碼。