primeng 是為angular 開(kāi)發(fā)的一個(gè)強(qiáng)大的組建庫(kù)，有很多強(qiáng)大的功能，拿來(lái)即用。但要真正滿足自己的業(yè)務(wù)需求，就是按自己的需求進(jìn)行修改，比如默認(rèn)的樣式等等。

進(jìn)入正題。

pickList 組件的功能就是實(shí)現(xiàn)左右兩塊區(qū)域內(nèi)容的移動(dòng)，和上下隨意的位置交換，兩塊區(qū)域分別用兩個(gè)數(shù)組存放內(nèi)容。后臺(tái)返回的數(shù)據(jù)可以push到左邊數(shù)組中就可以顯示出來(lái)。具體的實(shí)現(xiàn)可以看primeng 官網(wǎng)，https://www.primengfaces.org

定義兩個(gè)空數(shù)組，并在ngOninit中初始化這兩個(gè)空數(shù)組，今天就是因?yàn)闆](méi)有初始化第二個(gè)空數(shù)組，所以左邊的數(shù)據(jù)往右邊一移瀏覽器就會(huì)報(bào)錯(cuò)。因?yàn)闆](méi)有東西接收

其次就是一些參數(shù)的意義，官網(wǎng)對(duì)于這些屬性也做了解釋，不過(guò)都是英文的，鄙人英語(yǔ)不好，還是在這里注釋一下吧 [source]="list1" 左側(cè)的源數(shù)據(jù)數(shù)組  [target]="list2"目標(biāo)數(shù)組 [showSourceControls]="false" 不展示左邊數(shù)組的上下移動(dòng)按鈕 filterBy好像是是否展示搜索框，其他的就先不說(shuō)了，睡覺(jué)

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。