javascript - primeng 下拉列表显示值而不是选择标签

Question

使用 https://www.primefaces.org/primeng/#/dropdown带过滤器的下拉菜单的可编辑版本

我发现选择一个选项时会显示值而不是标签。

代码

<div class="col-md-5 col-xs-12"><p-dropdown [options]="metaAttributesOptions[n]" [filter]="true" editable="editable" [style]="{'width':'100%'}" *ngIf="metaAttributesOptions[n]" formControlName="value"></p-dropdown>



this.metaAttributesOptions.push(x.options.map(v => {
                            return {
                                label: v.name,
                                value: v.value
                            }
                        }));

Answer 1

这是因为您没有 primeng Dropdown 对象类型 SelectItem 所期望的 label 属性。

因此，您需要通过循环到整个对象并创建 SelectItem 类型的自定义对象来修改 SelectItem 格式的 json，如下所示，

forEach(serviceData =>(data) {
let color: SelectItem = { 

      label : data.name,
      value : data.id
})