AngularJS不具約束力的承諾，模板

Question

我的服務：

---

這是2個原因我的錯誤的錯誤1：

 getAll: function(url) { 
     deferred.resolve($http({ <--- deferred.resolve should not have been here 
       method: 'GET', 
       url: url, 
       contentType: "application/json; charset=utf-8", 
       cache: true, 
       headers: { 'Content-Type': 'application/x-www-form-urlencoded' }      
      })); 
      return deferred.promise; 
     }, 

本來應該改爲：

 getAll: function (url) { 
      $http({ 
       method: 'GET', 
       url: url, 
       contentType: "application/json; charset=utf-8", 
       cache: true, 
       headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
      }).success(function (data) { 
       deferred.resolve(data); 
      }); 
      return deferred.promise; 

---

我的控制器：

這是2個原因我的錯誤的錯誤2：

 // $scope.PassengerVehicles = crudSvc.getAll('/_json/PassengerVehicles.js'); 
    // should have been: 
     crudSvc.getAll('/_json/PassengerVehicles.js').then(function (data) { 
     $scope.PassengerVehicles = data; 
    }); 

我的模板：

 <ul data-ng-repeat="passVeh in PassengerVehicles"> 
      <li>{{passVeh.itemId}}</li> 
     </ul> 

這裏是我的搶劫者，這一直是相關的反恐執行局：

AngularJS not binding promise to template

比你四！

Answer 1

你有getAll()函數立即解析並向控制器返回一個承諾。您需要允許getAll()函數來執行和處理的承諾，解決了當：

getAll: function(url) { 
      return $http({ 
       method: 'GET', 
       url: url, 
       contentType: "application/json; charset=utf-8", 
       cache: true, 
       headers: { 'Content-Type': 'application/x-www-form-urlencoded' }      
      }); 
     }, 

，並在控制器：

crudSvc.getAll('/_json/PassengerVehicles.js').success(function (vehicles){ 
     $scope.PassengerVehicles = vehicles; 
     }); 

不同的是，你是返回立即解決了一個承諾，返回另一個承諾。你只需要解決http的承諾。