angularjs - 触发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";
        });
    });
});