I am trying to integrate SQLite into my Ionic app, but I keep getting Cannot read property 'transaction' of null while remote debugging or testing via the browser, when trying to query the DB for data on the device.
So I have split up all of my configs, controllers and factories into separate files, all grouped by feature / module, so I inject each module's config file into the main app, and then inside of the config file I inject the controller and factory.
I am not sure if the way that I've structured the app might be breaking something?
Below I've listed all of the relevant files involved,
app.js
var app = angular.module('app', ['ionic', 'ngCordova', 'app.config', 'login.config']);
app.run(['$rootScope', '$ionicPlatform', 'DB', function($rootScope, $ionicPlatform, DB) {
$ionicPlatform.ready(function() {
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if (window.StatusBar) {
StatusBar.styleDefault();
}
if(navigator.splashscreen) {
navigator.splashscreen.hide();
}
DB.init();
});
}]);
app.config.js
var app = angular.module('app.config', ['app.controller', 'app.factory']);
app.config(function($stateProvider, $urlRouterProvider, $httpProvider) {
$stateProvider
.state('app', {
url: "/app",
abstract: true,
templateUrl: "templates/menu.html",
controller: 'appController'
});
$urlRouterProvider.otherwise('/login');
});
app.constant('DB_CONFIG', {
name: 'database.db',
tables: [
{
name: 'users',
columns: [
{name: 'id', type: 'integer primary key'},
{name: 'username', type: 'text'},
{name: 'password', type: 'text'},
{name: 'api_key', type: 'text'},
{name: 'active', type: 'integer'}
]
}
]
});
app.factory.js
var appFactory = angular.module('app.factory', []);
appFactory.factory('DB', ['$q', '$cordovaSQLite', 'DB_CONFIG', function($q, $cordovaSQLite, DB_CONFIG) {
var db = null;
var init = function() {
db = $cordovaSQLite.openDB({ name: DB_CONFIG.name });
// I use this when testing in browser db = window.openDatabase(DB_CONFIG.name, '1.0', 'database', -1);
_.each(DB_CONFIG.tables, function(table) {
var columns = [];
_.each(table.columns, function(column) {
columns.push(column.name + ' ' + column.type);
});
var sql = 'CREATE TABLE IF NOT EXISTS ' + table.name + ' (' + columns.join(',') + ')';
console.log('Table ' + table.name + ' initialized');
query(sql);
});
};
var query = function(sql, bindings) {
bindings = typeof bindings !== 'undefined' ? bindings : [];
return $cordovaSQLite.execute(db, sql, bindings);
};
var fetchAll = function(result) {
var output = [];
for (var i = 0; i < result.rows.length; i++) {
output.push(result.rows.item(i));
}
return output;
};
var fetch = function(result) {
return result.rows.item(0);
};
return {
init: init,
query: query,
fetchAll: fetchAll,
fetch: fetch
};
}]);
login.config.js
var loginConfig = angular.module('login.config', ['ionic', 'login.controller']);
loginConfig.config(function($stateProvider) {
$stateProvider
.state('login', {
url: "/login",
templateUrl: "modules/login/views/login.html",
controller: 'loginController'
});
});
login.controller.js
var loginController = angular.module('login.controller', []);
loginController.controller('loginController', ['$scope', '$state', 'DB', function($scope, $state, DB) {
$scope.doLogin = function() {
var username = this.username;
var password = this.password;
DB.query('SELECT * FROM users WHERE username = ? and password = ?', [username, password]).then(function(result){
console.log(result);
}, function(error){
console.log(error);
});
};
}]);
The user has already been inserted into the database, and sometimes it works, and I get the results back, most times it doesn't, and I get the above mentioned error.
I am assuming this is because the DB is not initialising in time, before I query the database?
If so, is there a way that I can make 100% sure that the database has loaded before I query it?
I am trying to integrate SQLite into my Ionic app, but I keep getting Cannot read property 'transaction' of null while remote debugging or testing via the browser, when trying to query the DB for data on the device.
So I have split up all of my configs, controllers and factories into separate files, all grouped by feature / module, so I inject each module's config file into the main app, and then inside of the config file I inject the controller and factory.
I am not sure if the way that I've structured the app might be breaking something?
Below I've listed all of the relevant files involved,
app.js
var app = angular.module('app', ['ionic', 'ngCordova', 'app.config', 'login.config']);
app.run(['$rootScope', '$ionicPlatform', 'DB', function($rootScope, $ionicPlatform, DB) {
$ionicPlatform.ready(function() {
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if (window.StatusBar) {
StatusBar.styleDefault();
}
if(navigator.splashscreen) {
navigator.splashscreen.hide();
}
DB.init();
});
}]);
app.config.js
var app = angular.module('app.config', ['app.controller', 'app.factory']);
app.config(function($stateProvider, $urlRouterProvider, $httpProvider) {
$stateProvider
.state('app', {
url: "/app",
abstract: true,
templateUrl: "templates/menu.html",
controller: 'appController'
});
$urlRouterProvider.otherwise('/login');
});
app.constant('DB_CONFIG', {
name: 'database.db',
tables: [
{
name: 'users',
columns: [
{name: 'id', type: 'integer primary key'},
{name: 'username', type: 'text'},
{name: 'password', type: 'text'},
{name: 'api_key', type: 'text'},
{name: 'active', type: 'integer'}
]
}
]
});
app.factory.js
var appFactory = angular.module('app.factory', []);
appFactory.factory('DB', ['$q', '$cordovaSQLite', 'DB_CONFIG', function($q, $cordovaSQLite, DB_CONFIG) {
var db = null;
var init = function() {
db = $cordovaSQLite.openDB({ name: DB_CONFIG.name });
// I use this when testing in browser db = window.openDatabase(DB_CONFIG.name, '1.0', 'database', -1);
_.each(DB_CONFIG.tables, function(table) {
var columns = [];
_.each(table.columns, function(column) {
columns.push(column.name + ' ' + column.type);
});
var sql = 'CREATE TABLE IF NOT EXISTS ' + table.name + ' (' + columns.join(',') + ')';
console.log('Table ' + table.name + ' initialized');
query(sql);
});
};
var query = function(sql, bindings) {
bindings = typeof bindings !== 'undefined' ? bindings : [];
return $cordovaSQLite.execute(db, sql, bindings);
};
var fetchAll = function(result) {
var output = [];
for (var i = 0; i < result.rows.length; i++) {
output.push(result.rows.item(i));
}
return output;
};
var fetch = function(result) {
return result.rows.item(0);
};
return {
init: init,
query: query,
fetchAll: fetchAll,
fetch: fetch
};
}]);
login.config.js
var loginConfig = angular.module('login.config', ['ionic', 'login.controller']);
loginConfig.config(function($stateProvider) {
$stateProvider
.state('login', {
url: "/login",
templateUrl: "modules/login/views/login.html",
controller: 'loginController'
});
});
login.controller.js
var loginController = angular.module('login.controller', []);
loginController.controller('loginController', ['$scope', '$state', 'DB', function($scope, $state, DB) {
$scope.doLogin = function() {
var username = this.username;
var password = this.password;
DB.query('SELECT * FROM users WHERE username = ? and password = ?', [username, password]).then(function(result){
console.log(result);
}, function(error){
console.log(error);
});
};
}]);
The user has already been inserted into the database, and sometimes it works, and I get the results back, most times it doesn't, and I get the above mentioned error.
I am assuming this is because the DB is not initialising in time, before I query the database?
If so, is there a way that I can make 100% sure that the database has loaded before I query it?
Share Improve this question asked Feb 11, 2015 at 20:59 Odyss3usOdyss3us 6,65518 gold badges77 silver badges113 bronze badges6 Answers
Reset to default 1I had the same issue, the DB does not initialize properly (This happens randomly), use promise with defer and $ionicPlatform.ready(function (){});
Reference: https://gist.github./borissondagh/29d1ed19d0df6051c56f
example:
angular.module('myapp.services', [])
.factory('DBA', function($cordovaSQLite, $q, $ionicPlatform) {
var self = this;
// Handle query's and potential errors
self.query = function (query, parameters) {
parameters = parameters || [];
var q = $q.defer();
$ionicPlatform.ready(function () {
$cordovaSQLite.execute(db, query, parameters)
.then(function (result) {
q.resolve(result);
}, function (error) {
console.warn('DB error found');
console.warn(error);
q.reject(error);
});
});
return q.promise;
}
// Process a result set
self.getAll = function(result) {
var output = [];
for (var i = 0; i < result.rows.length; i++) {
output.push(result.rows.item(i));
}
return output;
}
// Process a single result
self.getById = function(result) {
var output = null;
output = angular.copy(result.rows.item(0));
return output;
}
return self;
})
Maybe it will help if you open the connection only when you need it. You are keeping the connection open and maybe it timeout. What i normally do is that i open a connection than query what i need to query and than close the connection.
i had same problem remove your sqlLite plugin and add it again problem solved!!!
cordova plugin rm io.litehelpers.cordova.sqlite cordova plugin add io.litehelpers.cordova.sqlite
$cordovaSQLite.openDB now requires a pulsory location parameter. Change
db = $cordovaSQLite.openDB({ name: DB_CONFIG.name });
to
db = $cordovaSQLite.openDB({ name: DB_CONFIG.name, location:'default' });
Try installing SqlLite again.
ionic cordova plugin add cordova-sqlite-storage
npm install @ionic-native/sqlite
Had the same issue. Fixed by this.
I had the same issue. Not sure why but it was somehow related to the keyboard plugin.
Try:
ionic plugin rm ionic-plugin-keyboard
ionic plugin add ionic-plugin-keyboard
https://forum.ionicframework./t/important-all-ionic-users-please-update-your-keyboard-plugin/46889
After doing this the database was working fine.
Edit:
These mands have being update.
ionic cordova plugin rm ionic-plugin-keyboard
ionic cordova plugin add ionic-plugin-keyboard
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1744955505a4603169.html
评论列表（0条）