Comment Deviceready dans le droit chemin Ionique dans l'application?

J'ai Cordova et Ionique en fonction de l'application mobile. Sur la page par défaut qui est chargé après le début de l'application est nécessaire de travailler avec SQLLite plugin.

https://github.com/brodysoft/Cordova-SQLitePlugin

Problème est que l'affichage contient 

ng-init="setData()"

Qui est de l'appel de la méthode du contrôleur où est travaillé avec SQL Lite plugin. Et en raison de la méthode est appelée avant la deviceready n'est pas initialisé (plugin peut être initialisé qu'après deviceready).

J'ai donc essayé cette solution de contournement: 

.run(function($ionicPlatform) {
  $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);
      db = window.sqlitePlugin.openDatabase({name:"callplanner"});
    }

Mais cela ne fonctionne pas pour moi.

J'ai donc essayé la deuxième solution:

.factory('cordova', function () {
  return {
      test: function(){
          document.addEventListener("deviceready", this.ready, false);
      },
      ready: function(){
            alert("Ready");
            db = window.sqlitePlugin.openDatabase({name:"callplanner"});
      }

  }
})

et dans le contrôleur init j'ai essayé:

cordova.test();

Mais ce n'est pas de travail (devicereadfy est déclenché après ng-init).

Après que j'ai trouvé cet article:

http://java.dzone.com/articles/ionic-and-cordovas-deviceready

Mais je n'ai pas compris comment mettre des "splash screen" avant application est prête et la façon de définir le délai.

Quelqu'un a idée de comment puis-je résoudre ce problème?

Merci beaucoup pour toute aide ou de conseils.

Personne ne sait comment le résoudre?

OriginalL'auteur redrom | 2014-12-04

  1. 15

    Vous avez besoin pour inverser cette, vous gérer le cordova "deviceready" de l'événement et ensuite, vous démarrez l'application angularjs. Comme ceci:

    1. D'abord supprimer le ng-app attribut de l'html/balise body

    2. Début de l'angulaire de l'application après la devireready:

      <script>
  document.addEventListener('deviceready', function() { 
    angular.bootstrap(document, ['YourAppName']);
  }, false);
  var YourAppName = angular.module('YourAppName', []);
</script>

    Des questions similaires:

    OriginalL'auteur T4deu

  2. 3

    Je ne pouvais pas le faire fonctionner avec le @t4deu solution, parce que mon ng-app tag a été dans le corps, donc, je laisse un peu de changement dans le cas où il aide à quelqu'un.

      <script>
    document.addEventListener('deviceready', function() {
      angular.bootstrap(document.querySelector('body'), ['starter']);
    }, false);

  </script>

    OriginalL'auteur Del