2017-02-02 10 views
0

私はangularJsとIonicを使用しています。私は紺碧からデータを取得したいと思います。AngularJS Http-Service get no data

テーブル「Winzer」へのリンクは次のとおりです。私はそのリンクを開くと https://winetastic.azurewebsites.net/tables/Winzer?ZUMO-API-VERSION=2.0.0

は私が取得:

[{"id":"b15f5cf0-e576-4b6a-8fec-9e22a9e52630","createdAt":"2017-01-31T22:49:01.016Z","updatedAt":"2017-02-02T07:13:59.587Z","version":"AAAAAAAAHM4=","deleted":false,"Name":"Winzer 1","Streetname":"Straße 1","Address":"Adresse","Phone":null,"Mail":null,"URL":null,"Region":"Region ","Fax":null}] 

が、私は「イオンリストに属性「名前」を表示したいです「

私のコントローラは、次のようになります。

.controller('winzerCtrl', ['$scope', '$stateParams', '$http', 'WineService', function ($scope, $stateParams, $http, WineService) { 
$http.get("https://winetastic.azurewebsites.net/tables/Winzer?ZUMO-API-VERSION=2.0.0").then(function (response) { $scope.winzerList = response.data.records; });}]) 

と私のhtmlサイトは次のようになります。私は、プロジェクトを実行すると

<ion-list id="winzer-list9" class="manual-list-fullwidth"> 
    <ion-item ng-repeat="winzer in winzerList | filter:test "class="item-icon-left" id="winzer-list-item33" ui-sref="winetastic.winzerDetails"> 
    <i class="icon ion-android-contact"></i>{{winzer.Name}}</ion-item> 

</ion-list> 

、私はエラーを得ることはありませんが、何のデータがリストに表示されませんでした。 何が間違っていますか?

+1

$scope.winzerList = response.data.records; 

を交換する必要があり、言ったように'は未定義です' –

答えて

0

@Kasper Ziemianekは `response.data`ホールドデータは、あなたがwinzerListと` response.data.recordsにASSINGしたくないあなたは

$scope.winzerList = response.data;