3

我的 AngularJS 应用程序需要一些来自服务器的元数据才能初始化控制器和一些指令。我有一项服务可以返回数据，但无法让控制器和指令等待数据。

myapp.factory("db",["$http",function($http)
{
  var db = {};

  db.metadata = function(callback)
  {
    $http.jsonp("/db/?f=metadata&callback=JSON_CALLBACK").success(function(data)
    {
      callback(data);
    }).error(function(error)
    {
      console.log(error);
    });
  }
  ...
  return db;
}]);


var myctrl = myapp.controller("MyCtrl",["$scope","$location","db",function($scope,$location,db)
{
  db.metadata(function(data)
  {
    $scope.metadata = data;
    // initialize $scope members with $scope.metadata for directives
     ...
  });
}]);

这显然不起作用，因为指令将在调用 db.metadata() 返回之前尝试使用未定义的 $scope 成员进行初始化。我尝试使用 $routeProvider 解析属性：

myapp.config(["$routeProvider",function($routeProvider)
{
  $routeProvider.when("/",{
    templateUrl: "./myview.html",
    controller: "MyCtrl",
    resolve: {
      metadata: ["db","$q",function(db,$q)
      {
        var deferred = $q.defer();

        db.metadata(function(data)
        {
          deferred.resolve(data);
        });

        return deferred.promise;
      }]
    }
  });
}]);

var myctrl = myapp.controller("MyCtrl",["$scope","$location","db","metadata",function($scope,$location,db,metadata)
{
  $scope.metadata = metadata;
  // initialize $scope members with $scope.metadata for directives
  ...
}

这不会运行，因为注入数组中“元数据”的缩小友好声明会导致 Angular 呕吐。删除声明会导致注入的元数据未定义。我究竟做错了什么？

4

1 回答 1

-2

问题原来是html仍然有

<div ng-controller="MyCtrl">

由于“MyCtrl”是通过 $routeProvider 配置分配给 myview.html 的控制器，因此不需要它。

于 2013-05-31T15:53:10.940 回答