title: Wait for Angular 2 to load/resolve model before rendering view/template
body: <p>In Angular 1.x, UI-Router was my primary tool for this. By returning a promise for "resolve" values, the router would simply wait for the promise to complete before rendering directives.</p>
  
  <p>Alternately, in Angular 1.x, a null object will not crash a template - so if I don't mind a temporarily incomplete render, I can just use <code>$digest</code> to render after the <code>promise.then()</code> populates an initially empty model object.</p>
  
  <p>Of the two approaches, if possible I'd prefer to wait to load the view, and cancel route navigation if the resource cannot be loaded. This saves me the work of "un-navigating". <em>EDIT: Note this specifically means this question requests an Angular 2 futures-compatible or best-practice method to do this, and asks to avoid the "Elvis operator" if possible! Thus, I did not select that answer.</em></p>
  
  <p>However, neither of these two methods work in Angular 2.0. Surely there is a standard solution planned or available for this. Does anyone know what it is?</p>
  
  <pre><code>@Component() {
      template: '{{cats.captchans.funniest}}'
  }
  export class CatsComponent {
  
      public cats: CatsModel;
  
      ngOnInit () {
          this._http.get('/api/v1/cats').subscribe(response =&gt; cats = response.json());
      }
  }
  </code></pre>
  
  <p>The following question may reflect the same issue: <a href="https://stackoverflow.com/questions/33136954/angular-2-render-template-after-the-promise-with-data-is-loaded?rq=1">Angular 2 render template after the PROMISE with data is loaded</a> . Note that question has no code or accepted answer in it.</p>