primeng 是為angular 開發的一個強大的組建庫，有很多強大的功能，拿來即用。但要真正滿足自己的業務需求，就是按自己的需求進行修改，比如默認的樣式等等。

進入正題。

pickList 組件的功能就是實現左右兩塊區域內容的移動，和上下隨意的位置交換，兩塊區域分別用兩個數組存放內容。后臺返回的數據可以push到左邊數組中就可以顯示出來。具體的實現可以看primeng 官網，https://www.primengfaces.org

定義兩個空數組，并在ngOninit中初始化這兩個空數組，今天就是因為沒有初始化第二個空數組，所以左邊的數據往右邊一移瀏覽器就會報錯。因為沒有東西接收

其次就是一些參數的意義，官網對于這些屬性也做了解釋，不過都是英文的，鄙人英語不好，還是在這里注釋一下吧 [source]="list1" 左側的源數據數組  [target]="list2"目標數組 [showSourceControls]="false" 不展示左邊數組的上下移動按鈕 filterBy好像是是否展示搜索框，其他的就先不說了，睡覺

總結

以上是生活随笔為你收集整理的primeng 中 pickList组件的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。