Angular 如果在父子级中使用相同的formcontrol,则UI不会更新

Angular 如果在父子级中使用相同的formcontrol,则UI不会更新,angular,angular-reactive-forms,formgroups,Angular,Angular Reactive Forms,Formgroups,我面临一个场景,在父组件和子组件中使用formGroup。 我在父组件和子组件中放置了相同的表单控件,但当我更新父组件中的值时,formgroup会得到更新,但放置在子组件上的控件的值不会得到更新,反之亦然。如果从父组件或从子组件更改值,我希望父组件和子组件都得到更新的ui,请告诉我该怎么做。作为讨论,这是正确的,即使您在同一组件中,如果两个输入具有相同的formControlName,则只有您正在更改的输入才会更改 子组件上有一个变通方法 应用程序孩子 ngOnInit(){ this.add

我面临一个场景,在父组件和子组件中使用formGroup。 我在父组件和子组件中放置了相同的表单控件,但当我更新父组件中的值时,formgroup会得到更新,但放置在子组件上的控件的值不会得到更新,反之亦然。如果从父组件或从子组件更改值,我希望父组件和子组件都得到更新的ui,请告诉我该怎么做。

作为讨论,这是正确的,即使您在同一组件中,如果两个输入具有相同的formControlName,则只有您正在更改的输入才会更改

子组件上有一个变通方法

应用程序孩子

ngOnInit(){
this.address.valueChanges.subscribe(val=>{
this.address.patchValue(val,{emitEvent:false})
})
}
父级或子级的任何更改都将触发
form.patchValue
,并更新UI

演示