ng-repeat 不绑定到列表项答案

【问题标题】：ng-repeat not binding to list itemng-repeat 不绑定到列表项
【发布时间】：2017-08-14 08:37:41
【问题描述】：

我正在从事 Ionic 1 项目，我正在从 Backendless 服务器检索数据。使用 ng-repeat 时正在检索数据，但不显示数据。这是我的代码：

HTML 代码：

<ion-view view-title="Hotels" ng-controller="AgHotelCtrl">
<ion-content>
<ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()">
</ion-refresher>
<ul class="list">
    <li ng-repeat="r in res" class="item">
      <h2>{{r.name}}</h2>
      <p>{{r.locality}}</p>
    </li>
</ul>
</ion-content>
</ion-view>

JS代码：

.controller('AgHotelCtrl', function($scope, $state) {
    var init = function() {
        console.log("hola");
        var user = $state.params.user;
        $scope.res=[];
        var whereClause = "agent_email = '" + user.email + "'";
        var queryBuilder = Backendless.DataQueryBuilder.create().setWhereClause( whereClause );
        Backendless.Data.of("Hotels").find( queryBuilder )
            .then(function(foundHotels) {
                $scope.res = foundHotels;
                console.log($scope.res);
            })
            .catch(function(error) {
                console.log("error" + error.message);
            })
    }
    init();
    $scope.doRefresh = function () {
        init();
        $scope.$broadcast ('scroll.refreshComplete');
    }
})

数据显示在控制台上，但没有出现在 HTML 页面上。刷新后出现。如何让它在第一次加载时也出现？

【问题讨论】：

您是否尝试过像这样在<ul class="list"> 上应用ng-if：<ul ng-if="res" class="list">？
你已经使用了init方法里面的数据获取。尝试不使用init
看起来Backendless 不是角度服务，所以我猜它是通过正常的http 请求检索数据，而不是使用$http 服务。这意味着检索发生在 Angular 的摘要周期之外。您可以在检索后通过$scope.apply(); 修复它
@devqon 谢谢。现在可以了。随意添加它作为答案。

标签： javascript angularjs ionic-framework backendless

【解决方案1】：

看起来 Backendless 不是一个角度服务，所以我猜它是通过正常的 http 请求检索数据，而不是使用 $http 服务。这意味着检索发生在 Angular 的摘要周期之外，因此它不会相应地更新视图。

您可以通过在检索后将变量分配包装在 $scope.apply(); 块中来修复它：

Backendless.Data.of("Hotels").find( queryBuilder )
    .then(function(foundHotels) {
        $scope.$apply(function() {
            $scope.res = foundHotels;
        });
        console.log($scope.res);
    })

【讨论】：

【解决方案2】：

您能否将推送响应数据用于范围变量，我认为这会对您有所帮助。

$scope.res.push(data);

【讨论】：