Angular ControlValueAccessor onChanges 不更新表单控件值

Question

这里是复制的组件/问题的stackblitz。

我已经构建了一个自定义输入组件：

1. 采用用户对象数组进行预输入过滤
2. 将您的选择显示为标签
3. 表单控件值是选定用户的数组users[]

问题是adding a result（input-tags.component）没有更新表单（app.component），我不明白为什么。

input-tags.component.ts

addTag(contact: any) {
   ...
   this.onChange(this.tags); // update controller value
}

app.component.ts

this.form.controls['users'].valueChanges.subscribe(data => {
  this.control = data; // always null
});

onChanges 按预期调用，一切正常，除了表单控件始终为空。为什么？

Answer 1

错误似乎在您的addTag() 函数中。您正在尝试访问 typeaheadSource 中不存在的参数。将 contact.userId 更改为 contact.id 就可以了。