AngularJSが情報を正しく表示していません

Question

AngularJsを使用していますが、ビューに問題があります。ここに私のコードとその結果があります。

ご協力いただければ幸いです。

.service("SubjectService", function ($http, $q) 
{ 
    var deferred = $q.defer(); 
    $http.get('http://genext-it.net/sma/api/subjects').then(function (response) 
    { 

     deferred.resolve(response); 
    }); 

    this.getSubjects = function() 
    { 
     return deferred.promise; 
    } 
}) 


.controller('theSubjectsCtrl', function($scope,SubjectService) { 
    $scope.subjects = []; 
var promise = SubjectService.getSubjects(); 
    promise.then(function (data) 
    { 
     $scope.subjects = data; 
    }); 
}) 


<ion-view title="The Subjects" id="page1"> 
    <ion-content padding="true" class="has-header"> 
     <ion-list> 

      <ion-item ng-repeat="subject in subjects" >{{subject.data}}</ion-item> 
     </ion-list> 
    </ion-content> 
</ion-view> 

enter image description here

Answer 1

あなたは応答

$scope.subjects = data.data; 

マークアップ

<ion-view title="The Subjects" id="page1"> 
    <ion-content padding="true" class="has-header"> 
     <ion-list> 
      <ion-item ng-repeat="subject in subjects"> 
       {{subject.Lible}} 
      </ion-item> 
     </ion-list> 
    </ion-content> 
</ion-view> 

---

から取得 dataを割り当てる必要があります

変数名を微調整して読みやすいコードにしましょう。

var promise = SubjectService.getSubjects(); 
promise.then(function (response) { 
    $scope.subjects = response.data; 
});