javascript - 通过ajax请求初始化控制器

Question

我有 AngularJs 控制器：

function MyController($scope, $http) {
   // as $http.get() is async, success() returns promise but 
   // I need the actual value 'items'
   var promise = $http.get(...)
       .success(function(response) {return response.items;});
   <waitForAjaxCall>
   $scope.items = promise.get?();
   $scope.firstItem = $scope.items[0];

   //do stuff using $scope.firstItem
}

var myApp = angular.module('myApp',[]);
myApp.controller('MyController', ['$scope', '$http', MyController]);

如何确保在分配$scope.items之前由 ajax 调用返回的值初始化？$scope.firstItem = ...我看到的另一种方法是包装items在调用 $http 的 angularjs 工厂中，但我仍然需要等待 ajax 调用在该工厂内完成。

Answer 1

您不能同步等待 Ajax 调用完成。success您需要在回调中初始化范围：

function MyController($scope, $http) {
    function init(items) {
        $scope.items = items;
        $scope.firstItem = $scope.items[0];

        //do stuff using $scope.firstItem
    }

    $http.get(...)
        .success(function(data) {
            init(data.items);               
        });
}

Answer 2

我实际上只是这样做：

<div>{{items[0].name}}</div>

无论何时$scope.items设置，第一个项目将绑定在那里。