AngularDart Material Design 单选按钮

MaterialRadioComponent

Selector: <material-radio>

具备材料风格的单选按钮。 一般与material-radio-group一块儿使用。 选中后，没法经过用户操做取消选中相同的单选按钮。

焦点的键盘交互有点不寻常，所以咱们管理本身的流而不是使用FocusItemDirective。

Attributes:

• no-ink - 设置此属性以禁用芯片上的涟漪效应。

Inputs:

• checked bool 
  是否应该预先选择按钮。
   
• disabled bool 
  按钮是否应该不响应事件，而且具备暗示不容许交互的风格。
   
• value dynamic 
  此按钮表示的值，用于具备按钮组的选择模型。

Outputs:

• checkedChange Stream<bool> 
  当按钮选择状态改变时触发。

MaterialRadioGroupComponent

Selector: <material-radio-group>

包含多个材质单选按钮的组，强制选择组中只有一个值。

您能够经过selected和ngModel获取值，可是应该避免同时使用二者，由于ngModel也经过监听onChange来获取值，所以值可能看起来不一样步。

在组级别预选值是经过托管区域完成的，所以若是能够将其设置为按钮级别，请执行此操做。

每一个辅助功能指南：

• SPACE选择
• 箭头键将焦点移至下一个/上一个选项并选择它
• CTL +箭头键无需选择便可移动焦点
• 当使用箭头导航时，焦点将环绕到第一个/最后一个选项
• 当使用TAB导航时，若是未选择任何内容，焦点将转到未被禁用的第一个或最后一个选项，具体取决于方向，不然焦点将转到所选内容（除非禁用，而后彻底跳过组）;并在第二个选项卡上跳出组。

 Inputs:

• selected dynamic 
  当前所选电台的价值。 首选[ngModel]。
   
• selectionModel SelectionModel<dynamic>
   包含值对象的选择模型。

Outputs:

• selectedChange Stream<dynamic> 
  选择更改时发布。 首选（ngModelChanged）。

MaterialRadioExample

查看示例，查看源码。