多选在primeng中显示null值,以编程方式在typescript中分配值

时间:2017-11-18 19:10:47

标签: angular primeng

我使用angular 2和primeng来显示多选下拉列表。

  <div class="ui-g-9">
    <p-multiSelect [options]="groupsDropDown"  [(ngModel)]="selectedGroups" [style]="{'width':'50%'}">
    </p-multiSelect>
     </div>

现在在函数调用的typescript中重新分配值。

editEmail(publishingGroup) {
    this.selectedGroups = publishingGroup.groups;
}

在此处,Multiselect下拉标签显示所选值,但该选项仍未选中,如图所示。 enter image description here

如下所示,标签值在选择其他选项时变为空,此处“开发人员”以某种方式变为空。

enter image description here

1 个答案:

答案 0 :(得分:0)

找到错误的原因,因为我使用了primeng版本2,并且我使用对象{label:somelabel,value:somevalue}将ngModel中的值绑定 它显示了null错误,当我将值绑定到仅包含值对象的ngmodel时,错误被删除了,如{value:somevalue}。