4

我在这里看到了一些示例代码延迟 AngularJS 路由更改直到模型加载以防止闪烁

虽然这是正确的方法，但我需要让我的控制器仅在解析完成加载时才加载，通常周围的大多数示例都会告诉您将代码置于 routeprovder 中的解析下作为内联函数，但这听起来不对。控制器需要它，所以为什么不让控制器实现要解析的功能。这听起来正是我想要的，即。这似乎使用原型模式？？

function PhoneListCtrl($scope, phones) {
  $scope.phones = phones;
  $scope.orderProp = 'age';
}

PhoneListCtrl.resolve = {
  phones: function(Phone, $q) {
    // see: https://groups.google.com/forum/?fromgroups=#!topic/angular/DGf7yyD4Oc4
    var deferred = $q.defer();
    Phone.query(function(successData) {
            deferred.resolve(successData); 
    }, function(errorData) {
            deferred.reject(); // you could optionally pass error data here
    });
    return deferred.promise;
  }
}

问题是我的控制器是这样的

'use strict';

angular.module('TestApp')
  .controller('ItemsCtrl', function ($scope) {
});

那么，当我的控制器在模块中声明时，如何在控制器上应用新功能？

我真正需要的是

 TestCtrl.resolve = {
      items: function( $q) {
          ..........
        return deferred.promise;
      }
    }

这将允许我在我的路由提供者中拥有..

  when('/items', {
    templateUrl: 'views/items.html', 
    controller: 'TestCtrl', 
    resolve: 'TestCtrl.resolve'}). // Need to use ' around resolve?

但我很困惑如何让它发挥作用？

我真的很喜欢任何反馈，我很茫然。

4

2 回答 2

7

如果您想使用带有 .controller 语法的解析，则无法像 'TestCtrl.resolve' 那样定义，那么您必须在 route provider 中定义内联。routeprovider 中的内联解析的优点是您可以轻松地重用控制器，但使用相同的控制器并更改解析函数中的逻辑

于 2013-07-18T11:06:24.933 回答
4

您还可以使用服务：

resolve: {data : function(service) {
  return service.getData();
}}
于 2013-07-18T12:26:08.323 回答