2017-04-21 2 views
-1

私はIonicフレームワークに関するLyndaのチュートリアルをやっており、最終的にいくつかのバックエンドコーディングに着いたら、この問題にぶつかりました。基本的にはちょうどアプリを生成し、このコードでそれにコントローラを追加するには、WWW/JS/app.jsファイルを開か:Ionic AngularJSフレームワークを使用してJSONデータを取得することができません

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

WWW/JS/data.jsonをそのデータとの.jsonファイルであります

<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タグは、検査時には値を示していないとして、取得されたデータは「アイテムを含む他のタグと同じ、nullである:私はこのコードを使用してindex.htmlファイルで参照することになっています'データ参照。私は何を試すことができますか?

+0

コンソールにエラーがありますか? –

+0

私はエディタとしてメモ帳++を使用しています...ごめんなさい。 – user1938007

+0

ウェブブラウザからコンソールを意味します。 –

答えて

1

you can try replacing data with below code: 
 

 
$scope.artists = data.artists; 
 

 
OR 
 

 
$scope.artists = data.speakers;

+0

ありがとう、 '$ scope.artists = data.artists'に変更すると、 – user1938007

+0

は答えとしてマークすることができます –

+0

はい、もちろんです。再度、感謝します。 – user1938007

関連する問題