Angular2-为多选择的数据模型更新表单值

Angular2-为多选择的数据模型更新表单值,angular,Angular,我正在使用一个用于我的角度项目。它允许我绑定到工作正常的被动表单模型 在组件的init上,我将模型中的初始值存储在一个变量中。我允许用户在我的页面上启用编辑模式,这将为他们提供多选下拉列表 如果他们想退出选择/删除的任何更改,我需要重新设置初始值 this.ruleAttributeForm.controls['AttributeValue'].setValuethis.initialValueInput,{emitEvent:true} 我尝试这样做,更新模型和输入框本身,但是,当我打开下拉列

我正在使用一个用于我的角度项目。它允许我绑定到工作正常的被动表单模型

在组件的init上,我将模型中的初始值存储在一个变量中。我允许用户在我的页面上启用编辑模式,这将为他们提供多选下拉列表

如果他们想退出选择/删除的任何更改,我需要重新设置初始值

this.ruleAttributeForm.controls['AttributeValue'].setValuethis.initialValueInput,{emitEvent:true}

我尝试这样做,更新模型和输入框本身,但是,当我打开下拉列表时,以前选择的值仍然标记为“已选择”,即使它们没有出现在输入中

此输入选择的值来自formControlName,要从中拾取的项来自[items]。.setValue似乎适用于模型/输入,但没有重置可从我重置控件值之前选择的项中拾取的项。控件值标记为正在使用

是否有其他方法更新表单值,或者这是一个插件问题?

根据,传递给items属性的list valueOptions的每个元素都应符合下面的类型选项

它具有可选的布尔选定属性。因此,请尝试向valueOptions数组的每个元素添加一个选定属性,并将其相应的布尔值作为默认值,然后在重置formControl的值时也重置此属性

export interface NgOption {
    [name: string]: any;
    selected?: boolean;
    disabled?: boolean;
    label?: string;
    value?: string;
}