Ionic List填充来自Sqlite的数据

时间:2015-09-28 11:39:27

标签: angularjs sqlite ionic-framework

我正在使用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&amp; res.rows.item(i)离子列表中的.productName

1 个答案:

答案 0 :(得分:0)

好吧,回答我自己的问题......事实证明它非常简单。它和其他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}}。