ng-cordova sqlite plugin: TypeError: Cannot read property 'transaction', null

Je suis en train d'obtenir les valeurs à partir de la base de données à l'aide ionique, ng-cordova, sqlite mais je reçois cette erreur:

TypeError: Cannot read property 'transaction' of null: ionic.bundle.js:19387

Voici le code:

HTML

<ion-view view-title="Search" ng-controller="AppCtrl2">
  <ion-content>
    <ion-list>
      <ion-item ng-repeat="item in resultados">
        Hello, {{item}}!
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

app.js

var db = null;

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

.run(function($ionicPlatform,$cordovaSQLite) {
  $ionicPlatform.ready(function() {
    //Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    //for form inputs)
    if (window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if (window.StatusBar) {
      //org.apache.cordova.statusbar required
      StatusBar.styleDefault();
    }
    db = $cordovaSQLite.openDB({ name: "my.db" });
    $cordovaSQLite.execute(db, "CREATE TABLE IF NOT EXISTS people (id integer primary key, firstname text, lastname text)");
    query = "INSERT INTO people (firstname, lastname) VALUES (?,?)";
    $cordovaSQLite.execute(db, query, ["Sumit", "Pal"]).then(function(res) {
        console.log("INSERT ID -> " + res.insertId);
      });
    $cordovaSQLite.execute(db, query, ["Sumti2", "Pal"]);
  });
})

contrôleur

.controller('AppCtrl2', function($scope,$ionicPlatform,$cordovaSQLite) {

 $ionicPlatform.ready(function() {

    function getCat() {
      var selectQuery = "SELECT * FROM people";
      $cordovaSQLite.execute(db, selectQuery).then(function(result) {
      nombres = []; 
      for(var i=0; i<result.rows.length; i++){
          nombres.push({"nombre":result.rows.item(0).firstname});
        }
      })
    }
    $scope.resultados =  getCat();       
  })

});

Comment puis-je résoudre ce problème ? L'erreur peut être parce que le dispositif n'est pas encore prêt ?

J'ai eu le même problème et réussi à le résoudre: stackoverflow.com/a/31457046/2842657

InformationsquelleAutor Chucky | 2015-02-02

Cas vous faire tester votre application sur Navigateur/Chrome par exemple, sur les fenêtres de la Console (F12) pour être erreur de transaction, null, c'est ok!!

Pour bon test, vous devez déployer application ionique importe quel appareil android ou ios, ou émulé avd.

Regarder mon test github exemple ng-cordova sqlite SÉLECTIONNER et INSÉRER des commandes, bonne chance!

https://github.com/CharlesMendes/ionic-sqlite

https://github.com/CharlesMendes/comandos-basicos

APP.js

$scope.select = function(lastname) {
        var query = "SELECT firstname, lastname FROM people WHERE lastname = ?";
        $cordovaSQLite.execute(db, query, [lastname]).then(function(res) {
            if(res.rows.length > 0) {
                var message = "SELECTED -> " + res.rows.item(0).firstname + " " + res.rows.item(0).lastname;
                alert(message);
                console.log(message);
            } else {
                alert("No results found");
                console.log("No results found");
            }
        }, function (err) {
            alert(err);
            console.error(err);
        });
    }

Déployer faire application Android

ionic build android

Installer apk de votre appareil/smartphone android pour test

adb install -r platforms/android/ant-build/CordovaApp-debug.apk

InformationsquelleAutor Charles Mendes

0

Vous pouvez manuellement l'amorçage de l'application, une fois la plate-forme est prête
Initialiser mon angularJs après Application Phonegap deviceready

Ou vous pouvez naviguer vers un chargement statique de la page, une fois que toute la logique d'initialisation est terminée dans la plate-forme de prêt de la méthode, puis accède à la première fonctionnelles page

InformationsquelleAutor bocong

Faire quelques modifications.

Supprimer la connexion de base de données à partir de l'app.run(). Placer ce code dans service de l'usine

dbConnection :function(){
    if (window.cordova) {
        dbconn = $cordovaSQLite.openDB({ name: "my.db" , location: 'default'}); 
        $cordovaSQLite.execute(dbconn, "CREATE TABLE IF NOT EXISTS people (id integer primary key, firstname text, lastname text)");
    }
    else{
        dbconn = window.openDatabase("my.db", '1', 'my', 1024 * 1024 * 100);
        $cordovaSQLite.execute(dbconn, "CREATE TABLE IF NOT EXISTS people (id integer primary key, firstname text, lastname text)");
    }
    return dbconn;
}

Appelez votre getCat() de la fonction sur l'appareil prêt.

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
   $scope.resultados =  getCat();
}

InformationsquelleAutor Kooldandy

0

$cordovaSQLite.openDB exige maintenant un emplacement obligatoire paramètre. Changement
```
db = $cordovaSQLite.openDB({ name: "my.db" });
```
à
```
db = $cordovaSQLite.openDB({ name: "my.db", location:"default" });
```
InformationsquelleAutor Richard Long

J'ai trouvé la solution pour ce faire,

il suffit de déclarer votre variable nom de la fonction dans index.js et donc il va charger la DB nom à travers le contrôleur.

JS:

var myDB;
(function() {
    "use strict";

    document.addEventListener('deviceready', onDeviceReady.bind(this), false);

    function onDeviceReady() {

      //Handle the Cordova pause and resume events
      document.addEventListener('pause', onPause.bind(this), false);
      document.addEventListener('resume', onResume.bind(this), false);

      //TODO: Cordova has been loaded. Perform any initialization that requires Cordova here.
      var element = document.getElementById("deviceready");

      myDB = window.sqlitePlugin.openDatabase({
        name: "mySQLite.db",
        location: 'default'
      });
      element.innerHTML = 'Device Ready';
      element.className += ' ready';
    };
});

Dans les Tutoriels, ils ont défini myDB au sein de la fonction

InformationsquelleAutor user7069287

Vous devez vous connecter pour publier un commentaire.