Question

我正在做关于Ionic框架的Lynda教程，一旦我最终进行了一些后端编码，我就遇到了这个问题。基本上只是生成应用程序并打开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标记在检查时没有显示任何值，与包含“item”数据引用的任何其他标记相同。我该怎么办？

Answer 1

＆＃13;

you can try replacing data with below code: 

$scope.artists = data.artists;

OR

$scope.artists = data.speakers;

＆＃13;

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

1 个答案: