How to use formControlName and deal with nested formGroup?

Question

As Angular documentation says we can use formControlName in our forms:

Hero Detail
FormControl in a Form         


        

Answer 1

It is true. Look at formGroupName

this.myForm = fb.group({
    'fullname': ['', Validators.required],
    'gender': [],
    'address': fb.group({
        'street': [''],
        'houseNumber': [''],
        'postalCode': ['']
    })
});


   

      Username
                  
   
   

      
      {{ gender }} 
   
   

      

         Username
                     
      
      

         Username
                     
      
      

         Username