2016-04-12 24 views
2

AngularJs kullanıyorum ve ben görünümle ilgili bir sorunla karşılaşıyorum. İşte kodum ve sonuç.AngularJS doğru bilgi gösterilmiyor

Herhangi bir yardım için teşekkür ederiz.

.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

cevap

3

Sen data tepki

$scope.subjects = data.data; 

Biçimlendirme

<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> 

alınan atamak gerekir

Değişken adlarda biraz ince ayar yaparak daha okunabilir kodlar hazırlayın.

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