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（）函数正在与web服务进行通信？也许用PHP编写？大多数Web服务都以JSON格式返回数据。因此，您在控制器中唯一需要做的就是：

$scope.items = response;

因此，您需要做的是：编辑您的Web服务，以便返回JSON格式的数据。

如果您没有使用网络服务，您可以以角度方式填充数组（在循环中执行此操作）：

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

Answer 2

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

console.log($scope.items);

离子框架 - 从控制器更新视图

2 个答案: