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

查看示例，查看源碼。