1. 程式人生 > >Angular 學習筆記 (Material Select and AutoComplete)

Angular 學習筆記 (Material Select and AutoComplete)

記入一些思考 : 

這 2 個元件有點像,經常會搞混.

select 的定位是選擇. 目前 select 最糟糕的一點是 not search friendly。

還有當需要 multiple select 很多很多時, 一定要開啟 options 來 unselect, 操作不友好.

再來就是如果 option 資料很大的話, 也不行.

有比較才有傷害,上面的不足是對比 autocomplete 才出現的.

 

autocomplete 的定位是幫助我們完成我們的 input 輸入.

範圍很小,只是 input text. 

 

經常讓我們搞混的原因其實是 autocomplete + chips 

這個組合的用法是, autocomplete 作為 search input, 然後選擇後放入 chips 裡, 再通過 chips 來做移除.

這姐夫可以模擬 select 了.

 

所以目前通常當我們要用 select 但有遇到上面說的不 friendly 場景時,可以 autocomplete + chips 來模擬一下下.