无法理解Angular的ControlValueAccessor工作原理，求解析registerOnChange

我来帮你把这部分内容拆解清楚，别纠结啦～

一、对描述文本的解释 #

先看这段官方描述：

Registers a callback function that should be called when the control's value changes in the UI.

大白话翻译过来就是：这个方法的作用是注册一个回调函数，当UI层面的表单控件值发生变化时，这个回调就会被自动触发执行。
举个简单例子：你在输入框里输入文字、切换单选按钮选项、拖动滑块改变数值——只要是用户操作导致UI上的控件值变了，之前通过这个方法注册的回调就会跑起来，用来把新值同步给Angular的表单系统。

二、代码片段解析 #

再看这段实现代码：

registerOnChange(fn: (_: any) => void): void { this._onChange = fn; }

这段代码的逻辑其实非常直接：

• 它是ControlValueAccessor接口强制要求实现的方法，参数fn是Angular表单框架传递过来的值变更通知函数。
• 方法内部只是把这个传入的fn存到当前类的私有属性this._onChange里，相当于“把官方的通知工具先存起来备用”。
• 等之后你的UI控件值真的发生变化时，你只需要调用this._onChange(最新的值)，就能把新值主动通知给Angular的表单控件（比如FormControl），这样表单控件的value才会和UI保持同步，表单的校验、状态更新这些逻辑也能正常工作。

注：我并未将此实现用于自定义元素。

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