Angular中formControlName打印值异常问题求助

• Pipe仅负责视图层转换，不修改FormControl原始值
  Angular的Pipe是纯函数，作用是将输入值转换后渲染到视图，但不会反向同步到FormControl的value属性。如果在模板中直接写[formControl]="myControl | numberPipe"，只是让视图显示转换后的结果，但FormControl本身的原始值并未被修改，所以打印myControl.value时会显示未转换的初始值。

• FormControl绑定的错误用法
  [formControl]应该直接绑定到组件类中定义的FormControl实例，不能和Pipe串联使用。Pipe的正确场景是对FormControl的显示值做转换，而非修改绑定的控件对象。

• 正确实现方式
  如果需要同时处理值的转换和FormControl同步，应该在组件类中处理：

  1. 初始化FormControl时传入转换后的值
  2. 在值更新时（比如通过setValue/patchValue）先转换再赋值
  3. 若仅需视图显示转换后的值，直接在控件外使用Pipe，示例：

  <input [formControl]="myControl">
  <p>格式化后的值: {{ myControl.value | numberPipe }}</p>
  

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