如何使用角度資源風帆？

Question

我正在使用角度資源風帆。

var items = sailsResource('roles').query(); // GET /item 
$scope.roles = items; 
angular.forEach($scope.roles, function(value, key) { 
    console.log(key + ': ' + value); 
}); 

輸出：未定義。

如何解析此查詢？

Answer 1

query方法是異步的。 sailsResource創建了$resource API兼容的服務，因此您必須在回調函數中執行循環。

例如

$scope.roles = sailsResource('roles').query(function(roles) { 
    angular.forEach(roles, function(value, key) { 
     // and so on 
    }); 
}); 

---

您還可以使用$promise屬性來訪問的承諾，如

$scope.roles = sailsResource('roles').query(); 

$scope.roles.$promise.then(function() { 
    angular.forEach($scope.roles, function(value, key) { 
     // etc 
    }); 
}); 

Answer 2

檢查文檔的這一部分：https://github.com/angular-resource-sails/angular-resource-sails#success-and-error-callbacks

如果您想要訪問你提取的數據，你可能不得不提供用回調函數查詢函數。所以，你的代碼將成爲

sailsResource('roles').query(function(items) { // GET /item 
    $scope.roles = items; 
    angular.forEach($scope.roles, function(value, key) { 
     console.log(key + ': ' + value); 
    }); 
});