AngularDart Material Design 屑

MaterialChipsComponent

Selector: <material-chips>

chips收集小部件，將對象列表顯示爲屑片。

Inputs:

• itemRenderer (dynamic) → String 
  將條目呈現爲字符串的函數。
  注意：此ItemRenderer僅在SelectionModel也提供時使用。 若是手動渲染屑，則還須要手動在各條目上設置itemRenderer屬性。
  關於OnPush的注意事項：若是ItemRenderer不是純函數而且具備可能以不一樣方式呈現相同項的內部狀態，則引用自己必須更改才能生效。
   
• removable bool 
  屑是否能夠拆除。
   
• selectionModel SelectionModel<dynamic> 
  此組件控制的選擇模型。
   

MaterialChipComponent

Selector: <material-chip>

「chip」小部件呈現「chip」格式的對象 - 帶陰影的圓形框，一般用於水平列表。能夠使用任何實現HasUIDisplayName接口的對象，或者根本不使用任何對象。

只有在部件(widget)上設置了selectionModel或者removable屬性爲true時，纔會顯示刪除按鈕。當hasLeftIcon爲true時，左圖標內容應設置爲MaterialIconComponent或SVG圖像。Chip組件呈如今material-chips組件中。

Inputs:

• hasLeftIcon bool 
  chip是否應顯示自定義圖標，默認爲false。
   
• itemRenderer (dynamic) → String 
  ItemRenderer函數（接受一個對象並返回一個字符串）。
  若是ItemRenderer不是無狀態，而且可能爲同一輸入項返回不一樣的值，則ItemRenderer引用須要更新，不然將不會反映該更改。
  提供時，它用於爲芯片生成標籤。
   
• removable bool 
  chip是否應顯示刪除按鈕，默認爲true。
   
• selectionModel SelectionModel<dynamic> 
  選擇模型呈現爲chips。此模型不該用於渲染，不會反映更改。
  除非removable設置爲false，不然能夠經過用戶交互從模型中取消選擇chips。
• value dynamic 
  要渲染的數據模型。
  在chip內容中提供您本身的標籤，或提供ItemRenderer。

Outputs:

• remove Stream<dynamic> 
  當chip被移除時，事件被觸發，返回chip的值。

MaterialChipsDemoComponent

查看示例，查看源碼。