Angular嵌套表单中[(ngModel)]与ngModelChange相关技术问题咨询

问题1：[(ngModel)]="_editor_status" 的绑定指向逻辑 #

[(ngModel)] 是 Angular 双向绑定的语法糖，但对于实现了 ControlValueAccessor 的组件来说，它不直接对应子组件的同名属性，完全由 ControlValueAccessor 接口的方法控制数据流向：

• 父组件的 _editor_status 会通过 writeValue 方法传递给子组件，子组件内部把这个值存在哪个属性（比如你提到的 test）完全由 writeValue 的实现决定。
• 简单说，[(ngModel)] 的“父→子”数据传递靠 writeValue 完成，和子组件内部属性名无关；“子→父”同步则靠子组件主动调用注册的 onChange 回调来更新父组件的 _editor_status。

问题2：ngModelChange 的触发逻辑 #

(ngModelChange) 事件的触发，完全由子组件内部调用 this.onChange() 的时机决定：

• 子组件里哪个属性变化时调用了 this.onChange(属性值)，这个属性的变化就会触发 ngModelChange，$event 就是该属性的当前值。
• 从规范角度，这个属性应该和 writeValue 中接收并存储的属性保持一致（比如 writeValue 把值存到 test，那 test 变化时调用 onChange(test)），这样双向绑定的数据才能保持同步，否则会出现父、子组件数据不一致的问题。

问题3：已绑定 (ngModelChange) 时的 [(ngModel)] 处理 #

需要把 [(ngModel)]="_editor_status" 改成 [ngModel]="_editor_status"，原因是：

• [(ngModel)] 本质是 [ngModel]="_editor_status" + (ngModelChange)="_editor_status = $event" 的语法糖。
• 如果已经手动绑定了自定义的 (ngModelChange)="editorChange($event)"，继续用 [(ngModel)] 会导致同时触发默认的属性赋值逻辑和你的自定义 editorChange 方法，可能引发重复赋值或逻辑冲突。
• 拆分后，父组件通过 [ngModel] 单向传递初始值给子组件，子组件的变化通过自定义的 (ngModelChange) 回调由你完全控制处理逻辑。

内容的提问来源于stack exchange，提问作者user1169587