2017-05-04 43 views
1

没有标签中使用 https://www.primefaces.org/primeng/#/dropdown下拉列表的编辑版本与过滤primeng下拉示值的选择

我看到的是选择一个选项显示的值,而不是标签选择时。

enter image description here

代码

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

回答

0

它,因为你不具有label属性,它是由primeng下拉对象的类型预期SelectItem

所以,你需要修改格式的JSON通过循环到整个对象中并创建一个类型为SelectItem的自定义对象,如下所示,选择项目的编号为

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

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

actualyl检查它,这不是一个错字 – user7753083

+0

@ user7753083为什么你没有标记的答案? – Aravind

+0

它不会'打印错误的标签设置正确 – user7753083

0

问题是,你不能使用

编辑= “编辑”

不知道为什么。

+1

根据他们的文档'editable'是一个布尔值。它期望像'[editable] =“true”'。 – Graztok