title: Wait for data to load before instantiating a component
body: <p>I am using Angular 1.5. I have a component embedded in another component as demonstrated below. Problem is that the <code>data</code> variable is not yet resolved when angular fires <code>component-child</code> and so I get nothing. How do I wait for the variable to be resolved before the child component instantiates. </p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;component-parent&gt;
       &lt;component-child data="$ctrl.data._id"&gt;&lt;\component-child&gt;
  &lt;/component-parent&gt;
  </code></pre>
  
  <p><strong>js</strong></p>
  
  <pre><code>this.data = SomeResource.get();
  </code></pre>