Question

我正在使用AngularJS和Websql创建一个Phonegap应用程序（Android和iOS）。我的问题是我发现很难从Websql查询进入控制器/视图。

这是我的代码。

<!doctype html>
<html ng-app="inmoment">
<head>
  <meta charset="utf-8">
  <title>My App</title>
  <script src="lib/jquery-2.1.1.min.js"></script>
  <script src="lib/angular.min.js"></script>
  <script src="lib/angular-resource.min.js"></script>
  <script src="js/catMenu.js"></script>
  <script src="js/models.js"></script>
  <script src="js/controllers.js"></script>
</head>

<body>

<ul ng-controller="sampleController">
 <li ng-repeat="cat in cats">
   {{cat.catID}}<br />
   {{cat.Title}}<br />
   {{cat.cCount}}<br />
   {{cat.mCount}}
 </li>
</ul>

<script src="js/my-app.js"></script>
</body>
</html>

控制器脚本

var inmomentNameSpace = angular.module('inmoment', []);
inmomentNameSpace.controller('sampleController', function sampleController(
    $scope) {
    db.transaction(function(tx) {
        $("#catList").empty();
        tx.executeSql(
            'SELECT CATEGORY.catID, CATEGORY.Title, CATEGORY.image, COUNT(SUBCATEGORY.subID) as cCount, COUNT(MESSAGETB.mesID) as mCount, SUBCATEGORY.title, SUBCATEGORY.catID FROM CATEGORY LEFT OUTER JOIN SUBCATEGORY ON CATEGORY.catID = SUBCATEGORY.catID LEFT OUTER JOIN MESSAGETB ON SUBCATEGORY.subID = MESSAGETB.subID GROUP BY CATEGORY.catID ORDER BY CATEGORY.Title ASC', [],
            function(tx, results) {
                var len = results.rows.length;
                var catObj = [];
                for (var i = 0; i < len; i++) {
                    catObj[i] = results.rows.item(i);
                }
                console.log(catObj);
                $scope.cats = catObj;
            })
    })
})

当我在console.log（catObj）时，我得到的结果没问题，但它们似乎与我的控制器无关。如果有人能帮助我，我会很高兴的。谢谢

使用AngularJS和Websql phonegap应用程序

0 个答案: