title: how loads child component before the father
body: <p>I've got an angular app (TypeScript) setup where a parent component contains another child component within. 
  City component  (child) makes an Ajax request to load data (cities) which takes approx 2 secs. </p>
  
  <pre><code>@Component({
      providers: [UserService],
      template: `&lt;city [city]='user.city' (citySelected)="user.city = $event"&gt;&lt;/city&gt;`
  
  })
  export class FormComponent implements OnInit{ 
  
      private user:User = new User();
  
  ....   
  </code></pre>
  
  <p>Problem, I require the city component to load first before the parent component.</p>