http GET 和 AngularJS UI 路由器

Question

我正在使用 UI 路由器构建我的第一个 Angular 应用程序，我需要有关如何在模板加载时执行 http Get 的帮助。谢谢！

我已经设置了一个 plunker： http://embed.plnkr.co/LRSGXqxjtbYcr6rjTj69/preview

我需要传递一个用户 ID 以从数据库中获取正确的信息。

app.controller('SpecsController', function ($scope) {
  //I want to get this data with an AJAX call every time specs.html is loaded:
    $scope.specsList = [
    { title: 'ISBN', lastModified: '2014-12-12', usedIn: 2, id: '123' },
    { title: 'Brand', lastModified: '2013-11-10', usedIn: 5, id: '456' }
    ];
});

Answer 1

你可以监听事件$stateChangeStart

在此处查看文档 https://github.com/angular-ui/ui-router/wiki#state-change-events

已编辑

类似的东西

app.controller('SpecsController', function ($rootScope, $scope, $http) {
  $rootScope.$on('$stateChangeStart', 
    function(event, toState, toParams, fromState, fromParams){
      $http.get('url')
        .then(function(result) {
          $scope.specsList = result.data;
        });

    });
});

更新 好的，我明白了这个问题，你需要监听 $viewContentLoaded，检查这个 plunker http://plnkr.co/edit/2hdjcUqd3cGAvn62jDxW?p=preview