无法获得$ http.get在Ionic应用程序中工作

Question

我正尝试构建我的第一个Ionic应用程序，并使用$ http.get和JSON使用简单的列表填充。我有这个：

.controller('ReportTabCtrl', function($scope) { 

$scope.items = [ 
{ id: 0 }, 
{ id: 1 }, 
{ id: 2 }, 
{ id: 3 }, 
{ id: 4 }, 
{ id: 5 }, 
{ id: 6 }, 
{ id: 7 }, 
{ id: 8 }, 
{ id: 9 }, 
{ id: 10 }, 
{ id: 11 }, 
{ id: 12 }, 
{ id: 13 }, 
{ id: 14 }, 
{ id: 15 }, 
{ id: 16 }, 
{ id: 17 }, 
{ id: 18 }, 
{ id: 19 }, 
{ id: 20 }, 
{ id: 21 }, 
{ id: 22 }, 
{ id: 23 }, 
{ id: 24 }, 
{ id: 25 }, 
{ id: 26 }, 
{ id: 27 }, 
{ id: 28 }, 
{ id: 29 }, 
{ id: 30 }, 
{ id: 31 }, 
{ id: 32 }, 
{ id: 33 }, 
{ id: 34 }, 
{ id: 35 }, 
{ id: 36 }, 
{ id: 37 }, 
{ id: 38 }, 
{ id: 39 }, 
{ id: 40 }, 
{ id: 41 }, 
{ id: 42 }, 
{ id: 43 }, 
{ id: 44 }, 
{ id: 45 }, 
{ id: 46 }, 
{ id: 47 }, 
{ id: 48 }, 
{ id: 49 }, 
{ id: 50 } 
]; 
}); 

而且这个工程很好。该列表已填充，因为它应该。我想要的是将$ scope.items的内容移动到一个外部文件（以便能够动态生成它）并使用$ http.get调用它。

我已经试过这没有任何成功：

.controller('ReportTabCtrl', function($scope, $http) { 
$http.get('items.json') 
    .success(function(data) { 
     $scope.items = data; 
    }) 
}); 

的items.json文件的内容是一样的$ scope.items变量。

我在做什么错？

/卡尔

Answer 1

你需要把"双qoutes一边id财产的items.json每个元素，使其有效的JSON

items.json

[ 
    { "id": 0 }, 
    { "id": 1 }, 
    { "id": 2 } 
    // and so on 
    //. 
    //. 
] 

Demo Plunkr

Answer 2

我也会读此前线程AngularJS: factory $http.get JSON file。 有些事情可能会出错。