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对象类型所需的label属性 SelectItem

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

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

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

Answer 2

问题是您无法使用

可编辑=＆＃34;可编辑的＆＃34;

不确定原因。