AngularDart Material Design 列表

MaterialListComponent

Selector: <material-list>

材料列表是用戶要與之交互的一組項目的容器組件。

它構成了選擇和菜單組件的基礎。 MaterialListComponent類充當提供樣式和收集項事件的能力的列表的根節點。

Attributes:

• size：string {x-small，small，medium，large，x-large}列表的大小，致使寬度分別爲64px * {1.5,3,5,6,7}。 默認大小爲「auto」，它將列表的大小調整爲其內容。
• min-size：string {x-small，small，medium，large，x-large}列表的最小尺寸，致使寬度至少爲指定的寬度。

Inputs:

• size String 

  預設寬度，1到5. 默認狀況下，材質列表將擴展到其父級的整個寬度。

  注意：規範清楚地列出了預約義的列表大小，所以請謹慎使用默認的擴展大小。 每一個寬度將基本塊寬度（桌面和平板電腦上的64px）分別乘以1.5,3,5,6,7，以得到可預測的寬度。 設置爲0可以使列表擴展到其父級的全寬。
   

• width dynamic
  已禁用！改用siaze輸入。

MaterialListItemComponent

Selector: <material-list-item>

Material List Item是一個用於用戶交互的塊元素; 它具備:hover樣式和當用戶點擊或按下enter或space鍵時併發出和觸發事件。

有關項目分組和標籤，請參閱MaterialListComponent。

注意：若是material-list-item在其祖先中具備DropdownHandle，則若是closeOnActivate爲true，則在觸發（即單擊或按下Enter / space on）列表項時將關閉該下拉列表。

Inputs:

• closeOnActivate bool 
  是否應該在選擇此項目時關閉包含下拉列表。
   
• disabled bool 
  禁用觸發器併爲項目提供禁用的樣式。
   
• role String 
  該組件的做用用於a11y。
   
• tabbable bool 
  組件是否能夠列表化。
   
• tabindex String 

  組件的選項卡索引。

  若是tabbable爲true且disabled爲false，則使用該值。

Outputs:

• trigger Stream<UIEvent> 
  經過單擊，點擊或按鍵激活按鈕時觸發。

MaterialListDemoComponent

查看示例，查看源碼。