ControlValueAccessor 组件未以角度 7 更新表单组中的值

Question

我正在使用 angular 7。我通过ControlValueAccessor创建了如下 Stackblitz 的子组件。 我的表单中有一个组合框和文本框。 当我从组合框中选择项目时，项目的值设置为文本框。 但是当我点击“保存”按钮时，我的表单值为空。 空虚的原因是什么？

闪电战

Answer 1

您需要进行 2 次更改才能使其正常工作。

首先，您的onChange()方法什么都不做。

将其更改为public onChange: (value) => void 。

然后在写入value属性后调用this.onChange(selected)在你的set selectedItem(selected)上，这样它就变成了

set selectedItem(selected) {
    this.value = selected;
    this.onChange(selected);
} 

查看新的 stackblitz