在打字稿中以编程方式分配值时在primeng中显示空值的多选答案

【问题标题】：Multi-select showing null value in primeng on assigning value programmatically in typescript在打字稿中以编程方式分配值时在primeng中显示空值的多选
【发布时间】：2017-11-18 19:10:47
【问题描述】：

我正在使用 angular 2 和 primeng 来显示多选下拉菜单。

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

现在在函数调用的打字稿中重新分配值。

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

在此，多选下拉标签显示选定的值，但该选项保持未选中状态，如图所示。

在选择另一个选项时标签值也为空，如下所示，这里“开发者”以某种方式变为空。

【问题讨论】：

样式属性上的随机方括号不应引起问题，但值得修复以避免混淆。听起来您正在替换一个数组，其中组件可能希望对现有对象进行修改，但需要深入研究源代码并逐步浏览组件以查看它对提供的 ngModel 做了什么

标签： angular primeng

【解决方案1】：

找到错误的原因，因为我使用的是primeng版本2，并且我将ngModel中的值与对象{label：somelabel，value：somevalue}绑定它显示了空错误，当我将值绑定到只有值对象的 ngmodel 时，该错误被删除，例如 {value : somevalue}。

【讨论】：

这个答案救了我伙计。我不知道为什么我的模型在绑定 SelectItem 对象时没有显示为选中状态。显然我只需要绑定它的值部分。