ng2 select2 [数据]。如果' id'是不同的文字'

时间:2017-09-26 17:47:00

标签: angular jquery-select2

我对于角度为4的ng2 select2插件存在问题。的确,如果我的id与我的文本不同,那么插件错误并且在点击下拉值后,select2中没有显示任何内容(值为" null& #34;)......

我只是重现了这个组件,(https://github.com/NejcZdovc/ng2-select2-demo/tree/master/src/app/demos/basic)并且我遇到了同样的问题......在init上,值显示良好。但是,当我更改输入的值时,选择不会显示任何内容...... 请参阅以下几个步骤来了解我的意思。

enter image description here

enter image description here

enter image description here

enter image description here

enter image description here

有人有解决方案可以解决这个问题吗?谢谢

1 个答案:

答案 0 :(得分:0)

您可以通过以下代码获取ID

console.log('changed value is '+event.data[0].id);

component.html

<select2 [data]="exampleData" [value]="startValue" [width]="150" (valueChanged)="handleChange($event)"></select2>

component.ts

handleChange(event):void {
   console.log('changed value is '+event.data[0].id);
}

函数参数中的事件变量包含如下所示的值:

{  
   "value":"basic3",
   "data":[  
      {  
         "selected":true,
         "disabled":false,
         "text":"Basic 3",
         "id":"basic3",
         "element":{  

         }
      }
   ]
}