JSON作爲Angular工廠中的變量

Question

我是Angular的新手，我試圖設置DATA（script.js文件）varible從JSON文件（books.json）獲取數據。我回顧了幾個帖子，但我無法理解它如何應用於工廠類結構。

謝謝！ Plunker-Code

Answer 1

$http.get返回承諾。退回工廠的承諾，然後使用then在控制器中解決此問題。

在你的工廠

app.factory("bookService", ["$rootScope","$http", 
function($rootScope,$http,$q) { 
    var getBooks = function(){ 
     return $http.get('books.json'); // returns a promise 
    } 

    return { 
    getBooks: getBooks 
    }; 

}]); 

而且在你控制器

app.controller("listController", ["$scope", "$location", "$routeParams", "bookService", 
    function($scope, $location, $routeParams, bookService) { 

    bookService.getBooks().then(function(data){ // resolve promise using then() 
     // successcallback 
     $scope.books = data; 
    }); 
    } 
]);