[AngularJS] Angular 2 - Double level nested form - not initializing child of child

[Warren Veerasingam]

I followed the tutorial [Nested 
Form](http://brophy.org/post/nested-reactive-forms-in-angular2/) on how to 
create a nested form for angular. I have forked their code and created a 
two level nested form. 

Here are my goals: 

 1. Parent form (div with inputboxes)
 2. Ability to Add multiple Child to Parent (div with inputboxes)
 3. Ability to Add multiple Grandchild to the Child created above (div with 
inputboxes)
 
The Problem:
I cannot get the grandchild (child of child -infant) inputbox to show up 
after I clicked `Add Child`. The inputbox only shows up after I clicked, 
'Add Infant'.  
The input box appear there only during initialization. 
Please checkout my Plunker: https://embed.plnkr.co/O1iwys/

I believe that I have to initialize it here: (When I add the child)

       ngOnInit() {
            console.log('Initializing kid list', this.kid);
            this.childForm.addControl('kid', new FormArray([]));
    
        }

When I `Add Child` I do not see the input box for infants.
   

     addChild() {
            const child: ChildData = {
                id: Math.floor(Math.random() * 100),
                childField1: 'hello',
                childField2: '',
                childHiddenField1: '',
                kid: []
            };
    
            this.children.push(child);
            this.cd.detectChanges();
            return false;
        }

Please checkout my Plunker: https://embed.plnkr.co/O1iwys/

<https://lh3.googleusercontent.com/-0RSt8iyNqiE/WR8CBc-_2II/AAAAAAAAYw0/EiW85IvLQIoOGvaaFWyIjLLNh75QmV8AgCLcB/s1600/no-input-unless-clicked.png>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.