Ionic Framework - 从控制器更新视图

Question

我正在为我的 PhoneGap/Cordova 项目使用 Ionic Framework。我在从控制器更新视图时遇到了一些问题。

这是我正在使用的视图。

<ion-view view-title="Designs">
    <ion-content class="padding">
        <p>{{items.url}}</p>
        <p>{{items.notes}}</p>
    </ion-content>
</ion-view>

下面是我的控制器代码。我正在从远程云服务器获取一些数据，它在任何给定时间点都可以有 0 个或更多数据。我希望在上面的视图模板中捕获并显示这些值。

基本上我的理解就是需要放在一个数组中。我不确定如何在循环视图中解析该数组。

app.controller('ViewCtrl', function($rootScope, $scope, $ionicPopup, $ionicLoading) {

    var query = some-remote-data-source();

    query.find({
        success: function(results) {

            for (var i = 0; i < results.length; i++) {
                    // How to assign the values which can be displayed in the view?
                    $scope.items = results[i].url();
            }

        },
        error: function(e) {

        }
    });
});

如果我遗漏了任何可能有助于回答这个问题的数据，请告诉我。

Answer 1

我个人最喜欢的：这个 find() 函数正在与网络服务通信？也许写在 PHP？大多数网络服务都以 JSON 格式返回数据。所以你唯一需要在你的控制器中做的是：

$scope.items = response;

所以您需要做的是：编辑您的网络服务，使其返回 JSON 格式的数据。

如果您不使用网络服务，您可以通过 angular 方式填充数组（在您的循环中执行此操作）：

$scope.items.push(items[i]);

Answer 2

在 for 循环之后，您是否尝试在控制台中打印 $scope.items？

console.log($scope.items);

Ionic Framework - 从控制器更新视图

Ionic Framework - Updating view from controller

ionic-framework