在phonegap deviceready事件被觸發後設置$ rootScope變量

Question

在deviceready事件觸發後，有什麼方法可以在我的angular應用中設置$ rootScope變量？

var application = { 
// Application Constructor 
initialize: function() { 
    this.bindEvents(); 
}, 

// Bind any events that are required on startup. Common events are: 
// 'load', 'deviceready', 'offline', and 'online'. 
bindEvents: function() { 
    document.addEventListener('deviceready', this.onDeviceReady, true); 
}, 
// deviceready Event Handler 
onDeviceReady: function() { 
    //set angular app $rootScope variable 
} 

};

Answer 1

要在deviceready事件處理程序設定在$ rootScope的屬性，確保將其包裝在$ apply方法調用，因爲deviceready事件發生AngularJS之外。下面是一個例子：

angular.module('myapp').run(['$rootScope', function($rootScope) { 
    document.addEventListener('deviceready', function() { 
     $rootScope.$apply(function() { 
      $rootScope.myVariable = "variable value"; 
     }); 
    }); 
});