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

查看示例，查看源码。