AngularJS 没有正确显示信息答案

【问题标题】：AngularJS not showing information correctlyAngularJS 没有正确显示信息
【发布时间】：2016-04-12 17:28:11
【问题描述】：

我正在使用 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

【问题讨论】：

标签： angularjs json ionic-framework

【解决方案1】：

您应该分配从响应中检索到的data

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

通过对变量名进行一些调整，使其代码更具可读性。

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

【讨论】：