如何将数据上传到我的 p-multiSelect？

Question

我正在使用 primeNG 组件，但无法加载数据。

MultiSelect

this.listadoProductos = this.resolucionDatosCargados['listProduct'];
this.parametros['producto'] = this.listadoProductos;  
console.log(this.parametros['producto']);

<!--MultiSelect-->
<h4>Grupo de producto</h4>
<div class="ui-fluid">
  <p-multiSelect  [options]="listadoProductos" [(ngModel)]="parametros.producto" optionLabel="descripcion"    defaultLabel="Producto" display="chip"></p-multiSelect>
</div>

这是控制台中 returns 给我的 JSON 对象。

[ [ 1, "Trigo " ], [ 2, "Maíz " ], [ 3, "Arroz " ], [ 4, "Otros granos " ], [ 5, "Aceites " ], [ 6, “阿苏卡”]]

Answer 1

我看到您将 description 设置为 optionLabel，但数据中没有此键。

此外，PrimeNG 是这样说的：

Options 应该是一个对象数组。如果请求为您提供此数据，我建议您创建一个 SelectItem 对象数组。

var arrayProductos: SelectItem[] = [];
this.listadoProductos.forEach(productos => {
 arrayProductos.push({
   {label: productos[1], value: productos[1]}
  })
})
<p-multiSelect  [options]="arrayProductos" [(ngModel)]="parametros.producto" defaultLabel="Producto" display="chip"></p-multiSelect>

也许，这可能是错误。

如何将数据上传到我的 p-multiSelect？

How can I upload the data to my p-multiSelect?

angular

primeng