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

查看示例，查看源码。