Movilizer - Использование MovilizerJS с Ionic

Question

Я пытаюсь использовать MovilizerJS с Ionic Framework для создания экрана HTML5. Я пытаюсь ссылаться на te MovilizerJS из файлов App.js, сгенерированных Ionic. Я добавил файлы MovilizerJS в папку плагинов и добавил файл Cordova.js, содержащий.

var oHead = document.getElementsByTagName('HEAD').item(0); 
var oScript = document.createElement("script"); 
oScript.type = "text/javascript"; 
oScript.src = "plugins/Movilizer.js"; 
oHead.appendChild(oScript); 

Кажется, однако, что, когда я загрузить страницу HTML5 в браузере (или вид html5 в movelet) MovilizerJS не загружаются. В браузере появляется следующая ошибка:

Модуль «движитель» недоступен!

Возможно, мне нужно добавить это как модуль в угловую структуру, но когда я пытаюсь добавить его в модули, он все равно дает мне ошибки. Мои HTML файл содержит скрипт-тег для movilizer:

<script src="plugins/Movilizer.js"></script> 

Мой App.js код в настоящее время выглядит следующим образом:

angular.module('starter', ['ionic']) 
.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); 
     } 
     if(window.StatusBar) { 
      StatusBar.styleDefault(); 
     } 

     }); 
    }).factory('MovilizerExtender', function ($rootScope) { 
     return { 
     startUpMovilizer: function(){ 
      movilizer.readGlobalVariable("testTable",this.successCallback,this.errorCallback); 
     }, 
     successCallback: function(result){ 
      $rootScope.routestops = [ 
      { ontvNaam: 'nice' }, 
      { ontvNaam: 'it' }, 
      { ontvNaam: 'is' }, 
      { ontvNaam: 'working' } 
      ]; 
     }, 
     errorCallback: function(){ 
      console.log('failed'); 
     } 
     } 
    }).controller("RoutestopCtrl", function($scope, $rootScope, MovilizerExtender) { 
     MovilizerExtender.startUpMovilizer(); 
     $scope.routestops = $rootScope.routestops; 

     $rootScope.$watch('routestops', function(){ 
      $scope.routestops = $rootScope.routestops; 
     }); 
    }); 

Когда я непосредственно вызвать метод succesCallback и закомментируйте строку: movilizer. readGlobalVariable (...), он больше не пытается получить доступ к movilizerJS, а страница работает. Также обратите внимание, что файл Movilizer.js содержит метод readGlobalVariable, описанный в коде app.js. Любая помощь или идеи будут оценены.

Answer 1

Try для начальной загрузки приложения вместо использования ng-app:

window.onpageshow = ready; 
function ready() 
{ 
    var deviceready = new Event("deviceready"); 
    document.dispatchEvent(deviceready); 
    angular.bootstrap(document, ['starter'], {strictDi: true}); 
} 

Кроме того, используйте обещание ждать movilizer:

.factory('MovilizerExtender', function ($q, $rootScope) { 
    return { 
     startUpMovilizer: function(){ 
     var self = this; 
     var defer = $q.defer(); 

     rootScope.$watch(function(value) { 
      return movilizer && movilizer.readGlobalVariable; 
     }, function(ready) { 
      if(ready) { 
      movilizer.readGlobalVariable("testTable",self.successCallback,self.errorCallback); 
      } 
      defer.resolve(ready); 
     }); 
     return defer.promise; 
     }, 
     successCallback: function(result){ 
     $rootScope.routestops = [ 
      { ontvNaam: 'nice' }, 
      { ontvNaam: 'it' }, 
      { ontvNaam: 'is' }, 
      { ontvNaam: 'working' } 
     ]; 
     }, 
     errorCallback: function(){ 
     console.log('failed'); 
     } 
    } 
    }).controller("RoutestopCtrl", function($scope, $rootScope, MovilizerExtender) { 
    MovilizerExtender.startUpMovilizer().then(function(){ 
     $scope.routestops = $rootScope.routestops; 
    }); 
    $rootScope.$watch('routestops', function(){ 
     $scope.routestops = $rootScope.routestops; 
    }); 
    });