resolve in ui-router

* Forcing resolution before the controller executes *

.state('state2', {    url: '/state2',    templateUrl: 'page2.html',    controller: 'Page2Ctrl',    resolve: {        gistsData: function(Gists) {            var GistsData = Gists.query();            return GistsData.$promise;        }    }});myApp.controller('Page2Ctrl', ['$scope', 'gistsData', function($scope, gistsData) {    $scope.gists = gistsData;}]);

With the support of $promise to force resolution before the controller executes.

http://www.jvandemo.com/how-to-resolve-angularjs-resources-with-ui-router/

---

---

Centrally. Hierarchically. Per state. Using promises. Like a pro.
http://www.jvandemo.com/how-to-resolve-application-wide-resources-centrally-in-angularjs-with-ui-router/

---

---

Use AngularUI Router and nested resolves to move data-loading logic out of the controller to avoid code duplication and coupling between controllers.
https://medium.com/opinionated-angularjs/advanced-routing-and-resolves-a2fcbf874a1c#.5hivtypb6

---

---

Resolve promises in Angular routes

AngularJS: Pitfalls using ui-router’s resolve