angular reactiveform property binding

Question

In Angular ReactiveForm examples, I saw the following code snippet:

<form novalidate [formGroup]="myGroup">
   Name: <input type="text" formControlName="name">
   Location: <input type="text" formControlName="location">
</form>

Where myGroup is defined as:

ngOnInit() {
   this.myGroup = new FormGroup({
       name: new FormControl('Todd Motto'),
       location: new FormControl('England, UK')
   });
}

For the property binding [formGroup]="myGroup", the data flows from the model (myGroup) to the view. So when the user change the input, how is the change reflected back in the model?

Alexander Bondarenko · Accepted Answer · 2017-11-27 16:59:24Z

1

console.log(this.myGroup.value);

returns an object with "input name properties" and model values, besides there is onValueChange observable. So you can subscribe to it.

answered Nov 27, 2017 at 16:59

Alexander Bondarenko

772 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Charles Ju Over a year ago

My question was who changes myGroup? In the property binding [formGroup]="myGroup", the changes "flow" from myGroup to fromGroup, is not it?

Collectives™ on Stack Overflow

angular reactiveform property binding

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related