离子列表从 Sqlite 填充数据答案

【问题标题】：Ionic List populate data from Sqlite离子列表从 Sqlite 填充数据
【发布时间】：2015-10-02 13:41:25
【问题描述】：

我正在使用 Ionic 和 Sqlite 构建移动应用程序。我成功地将数据存储到 Sqlite 数据库，从数据库中检索数据并将其打印到控制台。现在，我无法弄清楚如何在离子列表中填充数据库中的数据

$scope.load = function() {

     $cordovaSQLite.execute(db, 'SELECT * FROM cart ORDER BY id DESC')
     .then(
         function(res) {
              if (res.rows.length > 0) {
                  for (var i=0; i<res.rows.length; i++) {
                     console.log("Product ID: " + res.rows.item(i).productID + " Product Name : " + res.rows.item(i).productName);
                  }
               }
          },
          function(error) {
               console.log("Error on loading: " + error.message);
          }
       );
    }

我需要在离子列表中显示 res.rows.item(i).productID 和 res.rows.item(i).productName。

【问题讨论】：

标签： angularjs sqlite ionic-framework

【解决方案1】：

好吧，回答我自己的问题...事实证明它非常简单。它就像其他 Angularjs 数组一样正常工作。对我的代码进行了以下更改：

$scope.load = function() {

     $scope.listItems= [];

     $cordovaSQLite.execute(db, 'SELECT * FROM cart ORDER BY id DESC')
     .then(
         function(res) {
              if (res.rows.length > 0) {
                  for (var i=0; i<res.rows.length; i++) {
                     console.log("Product ID: " + res.rows.item(i).productID + " Product Name : " + res.rows.item(i).productName);
                     $scope.listItems.push(res.rows.item(i));
                  }
               }
          },
          function(error) {
               console.log("Error on loading: " + error.message);
          }
       );
    }

现在您可以使用 ng-repeat 或任何其他离子元素将来自 sqlite 的数据显示为 {{listItems}}。

【讨论】：