Angular Stepper问题：addControl添加带验证器的formControl未实时更新状态

• 手动触发控件状态更新
  在调用addControl添加带验证器的控件后，立即调用updateValueAndValidity()强制表单控件同步状态，确保状态变化能传递到步进器：

  this.parentForm.addControl('newControl', new FormControl('', Validators.required));
  this.parentForm.get('newControl')?.updateValueAndValidity({ emitEvent: true });
  

  参数emitEvent: true会触发表单状态变更事件，让步进器能感知到控件状态变化。

• 检查步进器绑定配置
  确认Angular Material Stepper的linear模式已启用，且每个步骤的stepControl正确关联到对应表单控件。确保步进器与表单的绑定关系能实时响应控件状态变化。

• 强制触发变更检测（临时方案）
  如果手动更新状态仍不生效，可通过setTimeout让Angular变更检测机制重新执行：

  this.parentForm.addControl('newControl', new FormControl('', Validators.required));
  setTimeout(() => {
    this.parentForm.get('newControl')?.updateValueAndValidity();
  });
  

• 优化表单操作逻辑（最佳实践）
  子组件避免直接修改父组件表单，通过@Output事件通知父组件执行addControl操作，由父组件统一管理表单状态，减少跨组件状态不同步的问题。

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