如何在角度js中声明设备就绪

时间:2014-07-02 11:45:54

标签: javascript jquery angularjs angular-ui-bootstrap

拥有app.js文件,但无法准确包含设备就绪方法。

任何人都可以帮助我。

App.js:

var app = angular.module('myApp',[
'ngRoute'
]).config([]).run().directive();

我需要在哪里准确插入设备就绪方法。

2 个答案:

答案 0 :(得分:1)

您可以手动启动角度应用程序,从HTML中删除ng-app属性,这将阻止Angular启动。

添加代码以引导角度应用

document.addEventListener("deviceready", function() {

    //Your code

    // Find the DOM element where you want to add ng-app
    var element = document.querySelector(...); 

    angular.bootstrap(element, "YourAppName"); //Or simple document in place of element
}, false);

Also read

答案 1 :(得分:1)

此案例的最佳解决方案是在设备就绪事件上手动引导角度:

bootstrapAngular = function () {
  angular.bootstrap(document, ['YourAppName']);
}
document.addEventListener("deviceready", bootstrapAngular, false);

如果你想在设备准备好之前运行angularjs应用程序,并在准备就绪时做一些动作,你就这样做

document.addEventListener("deviceready", function(){window.deviceIsReady = true}, false);

然后需要调用操作:

$watch(function(){ return window.deviceIsReady}, function (status) {
  if (status === true) {
    //device is ready, do some crazy stuff
  }
})