In Angular 1.x, UI-Router was my primary tool for this. By returning a promise for &quot;resolve&quot; values, the router would simply wait for the promise to complete before rendering directives.

Alternately, in Angular 1.x, a null object will not crash a template - so if I don&#39;t mind a temporarily incomplete render, I can just use `$digest` to render after the `promise.then()` populates an initially empty model object.

Of the two approaches, if possible I&#39;d prefer to wait to load the view, and cancel route navigation if the resource cannot be loaded. This saves me the work of &quot;un-navigating&quot;. *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 &quot;Elvis operator&quot; if possible! Thus, I did not select that answer.*

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?

	@Component() {
		template: &#39;{{cats.captchans.funniest}}&#39;
	}
	export class CatsComponent {

		public cats: CatsModel;

		ngOnInit () {
			this._http.get(&#39;/api/v1/cats&#39;).subscribe(response =&gt; cats = response.json());
		}
	}

The following question may reflect the same issue: https://stackoverflow.com/questions/33136954/angular-2-render-template-after-the-promise-with-data-is-loaded?rq=1 . Note that question has no code or accepted answer in it.


All Dependency Resolver Solutions on Gang of Coders

Total of 1 Dependency Resolver Solutions

Wait for Angular 2 to load/resolve model before rendering view/template