javascript - 如何在angular 2和primeng中为下拉多选设置默认值

Question

我正在关注 PrimeNg Example .这是一个Plunker .如何在下拉列表中预先选择一些值。

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

Answer 1

您只需将值的数组附加到selectedCities变量，以便将其绑定(bind)到模型。

在您的例子中，value 属性是一个包含许多属性的对象。

value:{id:1, name: 'New York', cityCode: 'NY'}

解决方案是映射数组项以获得您想要的值。

例如，这将从您的 dropdown 元素中预选第一个 两个 items。

this.selectedCities = this.cities.slice(0,2).map(a => a.value));

如果你想从一个给定的数组中预选值，你应该使用filter方法。

let arrayOfValues=['NY','IST'];
this.selectedCities = this.cities.filter(a => arrayOfValues.includes(a.value.cityCode)).map(a => a.value));