PrimeNG P-ListBox 在选择时抛出错误答案

【问题标题】：PrimeNG P-ListBox throwing error upon selectionPrimeNG P-ListBox 在选择时抛出错误
【发布时间】：2018-06-15 22:25:36
【问题描述】：

从我的列表框模块中选择一个项目后，由于某种原因，该值不断作为对象而不是数组进入我的 listbox.js，它来自 PrimeNG 的 p-listbox

HTML：

<p-listbox formControlName="programType" [options]="phoneTypeItems"  multiple="multiple" [style]="{'width':'350px'}" [listStyle]="{'max-height':'150px'}"
                     checkbox="checkbox" filter="filter">

                    </p-listbox>

.TS：

import { ListboxModule } from 'primeng/primeng';

export class SearchCareResultsComponent {

phoneTypeItems = [{ label: 'Mobile', value: '1' }, { label: 'Work', value: '2' }, { label: 'Home', value: '3' }]

}

这是错误：

Listbox.html:28 ERROR TypeError: this.value.concat is not a function 在 Listbox.webpackJsonp.../../../../primeng/components/listbox/listbox.js.Listbox.onCheckboxClick (listbox.js:277) 在 Object.eval [as handleEvent] (Listbox.html:28) 在句柄事件（core.es5.js:12014）在 callWithDebugContext (core.es5.js:13475) 在 Object.debugHandleEvent [as handleEvent] (core.es5.js:13063) 在 dispatchEvent (core.es5.js:8607) 在 core.es5.js:9218 在 HTMLDivElement。（平台浏览器.es5.js:2651）在 ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425) 在 Object.onInvokeTask (core.es5.js:3881)

UI 和错误位置的图片：

【问题讨论】：

我发布了生成 p-listbox（html 和 .ts 部分）的 sn-p，整个代码太大了，我认为它不相关（我认为）跨度>
这似乎是primeng的问题，但问题在于您的阵列。创建演示并重现问题
@sajeetharan 我如何创建演示
问题可能是附加到programType formControl的值是一个对象而不是一个对象数组

标签： angular primeng

【解决方案1】：

您使用的是哪个版本的 PrimeNG？

也许可以试试here 的文档。

如果对您有用，请尝试使用简单的城市对象。

this.cities1 = [
            {label:'Select City', value:null},
            {label:'New York', value:{id:1, name: 'New York', code: 'NY'}},
            {label:'Rome', value:{id:2, name: 'Rome', code: 'RM'}},
            {label:'London', value:{id:3, name: 'London', code: 'LDN'}},
            {label:'Istanbul', value:{id:4, name: 'Istanbul', code: 'IST'}}
            {label:'Paris', value:{id:5, name: 'Paris', code: 'PRS'}}
        ];


<p-listbox [options]="cities" [(ngModel)]="selectedCities" filter="filter"></p-listbox>

【讨论】：