Javascript 使用AngularJS和Websql phonegap应用程序_Javascript_Android_Angularjs_Cordova_Web Sql

Javascript 使用AngularJS和Websql phonegap应用程序

javascript android angularjs cordova

Javascript 使用AngularJS和Websql phonegap应用程序,javascript,android,angularjs,cordova,web-sql,Javascript,Android,Angularjs,Cordova,Web Sql,我正在使用AngularJS和Websql在Android和iOS上创建一个Phonegap应用程序。我的问题是，我发现很难从Websql查询进入控制器/视图这是我的密码 <!doctype html> <html ng-app="inmoment"> <head> <meta charset="utf-8"> <title>My App</title> <script src="lib/jquery-

我正在使用AngularJS和Websql在Android和iOS上创建一个Phonegap应用程序。我的问题是，我发现很难从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.logcatObj时，我得到的结果很好，但它们似乎与我的控制器不兼容。

如果有人能帮助我，我会很高兴的。谢谢

尝试$timeoutfunction{$scope.cats=catObj；}顺便说一句，您应该在控制器中注入$timeout。在事务内部，您超出了角度实数，因此您应该使用$timeout或$applyThank you@Whisher，请您使用示例代码详细说明您的答案，因为我是新手，无法找到放置$timeoutfunction{$scope.cats=catObj；}和$timeout的位置。谢谢你看看“惠瑟”，它成功了。非常感谢。你能给我一个答案，让我为你和那些对它感兴趣的人做标记吗。