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
})

Answer 2

问题是你不能使用

可编辑=“编辑”

不知道为什么。