Angular Js和gapi用于路由应用程序

Question

I have a task like in this question. But the main difference is that I need two controllers for two different routes. Something like two different tables. ../table1 and ../table2. A data in each table must queried from google cloud endpoints (via gapi). How can I adapt an initialisation sequence for my situation? Also, I want have a possibility for deep linking: user may start from /table1 instead of "root path".

Answer 1

You can use 'resolve' to get data from external service, Then inject the names of resolves to controller as same way service get injects. Note that you can inject the resolves to the controller that attached to state only. Check the documentation here https://github.com/angular-ui/ui-router/wiki#resolve

Eg;

$stateProvider.state('myState', {
      resolve:{

         googleData:  function($http){
            return $http({method: 'GET', url: '/someUrl'});
         }
      },
      controller: function($scope, googleData)
      {
          $scope.simple = googleData.value;
      }
   })