Delaying AngularJS route change until model loaded to prevent flicker

Question

I am wondering if there is a way (similar to Gmail) for AngularJS to delay showing a new route until after each model and its data has been fetched using it

Answer 1

One possible solution might be to use the ng-cloak directive with the element where we are using the models e.g.

  Value in  myModel is: {{myModel}}

I think this one takes least effort.