title: input value null wating for method response
body: <p>I have 3 components that look like this</p>
  
  <pre><code>&lt;grandparent-component&gt;
   &lt;parent-component&gt;
    &lt;child-component&gt;
     &lt;/child-component&gt;
    &lt;/parent-component&gt;
  &lt;/grandparent-component&gt;
  </code></pre>
  
  <p>in grandparent-component I have a server-method with a response.
  I need to use that response in child-component.
  I have tried to do that using 2 Inputs, but the value is empty before executing the method.
  Basically, I have the currentUser in parent component but in child-component is {}.</p>
  
  <p>How can I handle this?</p>
  
  <p>child-component</p>
  
  <pre><code>export class ChildComponent implements OnInit {
  
    @Input() currentUser;
  
   ngOnInit() {
    this.initializeForm(this.currentUser);
  }
  
  initializeForm(user) {
  ... }
  </code></pre>
  
  <p>parent-component</p>
  
  <pre><code>&lt;app-child-component [currentUser]="currentUser"&gt;&lt;/app-child-component&gt;
  </code></pre>
  
  <p>ts code</p>
  
  <pre><code>export class ParentComponent implements OnInit {
   @Input() currentUser;
    constructor() { }
  
    ngOnInit() {
    }
  }
  </code></pre>
  
  <p>grandparent-component</p>
  
  <pre><code> &lt;div class="col-sm-8"&gt;
      &lt;app-parent-component [currentUser]="currentUser"&gt;&lt;/app-parent-component&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>ts code</p>
  
  <pre><code> export class GrandParentComponent implements OnInit {
    ngOnInit() {
      this.initializeCurrentUser();
    }
  
    initializeCurrentUser(id) {
      this.service.getById(id).subscribe(response =&gt; {
        this.currentUser = response;
      });
    }
  </code></pre>