使用带有Ionic的ngCordova $ cordovaSQLite插件时出错

时间:2015-04-01 20:23:31

标签: ios sqlite ionic-framework ionic ngcordova

我目前正在尝试使用我的应用程序实现ngCordova SQLite插件,但尚未生成有效的解决方案。我跟着Nic Raboy's blog post关于如何用你的Ionic项目实现SQLite插件到“T”,但我仍然收到错误: 错误:undefined不是一个对象(评估'$我尝试在iOS模拟器中运行应用程序时,window.sqlitePlugin.openDatabase')

我还验证了ngCordova和插件已加载到我的项目中。

这是我的脚本加载到项目中的顺序:

<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>

我的代码如下。

app.js

angular.module('whoPaidLast', ['ionic', 'ngCordova', 'whoPaidLast.controllers', 'whoPaidLast.services'])

.run(function($ionicPlatform, $cordovaSQLite) {
    $ionicPlatform.ready(function() {
        if(window.cordova && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        }
        if(window.StatusBar) {
            StatusBar.styleDefault();
        }

        db = $cordovaSQLite.openDB({ name: 'accounts.db' });
        $cordovaSQLite.execute(db, 'CREATE TABLE IF NOT EXISTS accounts (id integer primary key autoincrement, firstname text, lastname text, paid numeric, date text)');
    });
})

controllers.js

angular.module('whoPaidLast.controllers', [])

.controller('DashCtrl', ['$ionicPlatform', '$scope', '$ionicModal', '$ionicActionSheet', '$cordovaSQLite', function ($ionicPlatform, $scope, $ionicModal, $ionicActionSheet, $cordovaSQLite) {

    $scope.getList = function() {
        var query = 'SELECT id, firstname, lastname, paid, date FROM accounts ORDER BY lastname ASC';
        var db = $cordovaSQLite.openDB({ name: 'accounts.db' });

        $ionicPlatform.ready(function() {
            $cordovaSQLite.execute(db, query, [id, firstname, lastname, paid, date]).then(function(result) {
                if(result.rows.length > 0) {
                    console.log('rows =' + result.rows);
                } else {
                    $scope.results = [];
                }
            }, function(error) {
                console.error(err);
            });
        });
    };
});

您可能提供的任何信息或帮助都会有所帮助。提前谢谢。

3 个答案:

答案 0 :(得分:7)

就像Nic Raboy所说的那样,ngCordova SQLite openDB调用的语法已经改变了,尽管文档已经说明了以下内容:

db = $cordovaSQLite.openDB( databasename, databaseType );

第二个参数 databaseType ,是数据库的存储方式。在我的情况下,我使用数字用于在iTunes隐藏的背景中存储数据库,但使用iCloud备份。

通过更改此调用的语法,这修复了我的错误。

注意:如果您尝试在浏览器中工作,此打开的数据库调用将会出错。要解决此问题,您需要引入“if”语句以根据您的环境更改调用。以下对我有用:

if (window.cordova && window.SQLitePlugin) {
    var db = $cordovaSQLite.openDB( 'accounts.db', 1 );
} else {
    db = window.openDatabase('accounts', '1.0', 'accounts.db', 100 * 1024 * 1024);
}

答案 1 :(得分:1)

我花了半天时间来解决问题。在我的情况下,我将我的项目从以前版本的离子更新为更新的。但问题是我复制了www文件夹但没有添加sqlite插件试。

所以我所做的就是:

cordova plugin add cordova-sqlite-storage

答案 2 :(得分:0)

我不知道你是否找到了答案。我首先遇到很多问题而不是正确配置项目。

  • 一个问题可能是你应该导入ng-cordova.js然后是cordova.js。 应首先导入app.js和controller.js.

  • 如果您在网络应用中运行,可能会遇到Cordova ready参数的问题,该参数将永远不会就绪,因此数据库将无法打开。

  • 尝试使用Triccum说的新电话。

我不记得更多问题了。