无法检索JSON数据使用Ionic AngularJS框架

Question

我在做Lynda关于Ionic框架的教程，一旦我终于进入一些后端编码，我遇到了这个问题。基本上刚刚生成的应用程序，并打开了WWW/JS/app.js文件到控制器添加到它与此代码：

.controller('ListController', ['$scope', '$http', function($scope, $http){ 
    $http.get('js/data.json').success(function(data){ 
     $scope.artists = data; 
    }); 
}]); 

WWW/JS/data.json是与数据的上传.json文件我应该使用此代码来引用index.html文件中：

<ion-item ng-repeat='item in artists' class="item-thumbnail-left item-text-wrap"> 
    <img src="img/{{item.shortname}}_tn.jpg" alt="{{item.name}} Photo"> 
    <h2>{{item.name}}</h2> 
    <h3>{{item.reknown}}</h3> 
    <p>{{item.bio}}</p> 
</ion-item> 

但检索的数据为空，如img标签显示经检查没有价值，同样包含“项目其它任何标签'数据参考。我可以尝试什么？

Answer 1

you can try replacing data with below code: 
 

 
$scope.artists = data.artists; 
 

 
OR 
 

 
$scope.artists = data.speakers;