Cordova + Angularjs + 设备就绪 [英] Cordova + Angularjs + Device Ready

问题描述

我正在使用 Cordova 和 AngularJS 开发移动应用程序.如何在 Cordova 设备准备就绪之前限制 AngluarJS 的引导.基本上我不想在设备准备好之前使用任何 AngularJS 控制器.

I am developing a mobile application using Cordova and AngularJS. How do I restrict bootstrapping of AngluarJS before Cordova device ready. Basically I don't want to use any of AngularJS controllers before device ready.

推荐答案

手动引导您的 Angular 应用程序:

Manually bootstrap your Angular app:

从 HTML 代码中删除 ng-app 属性，这样 Angular 就不会自行启动.

Remove your ng-app attribute from your HTML code, so Angular doesn't start itself.

向您的 JavaScript 代码添加如下内容:

Add something like this to you JavaScript code:

document.addEventListener("deviceready", function() {
    // retrieve the DOM element that had the ng-app attribute
    var domElement = document.getElementById(...) / document.querySelector(...);
    angular.bootstrap(domElement, ["angularAppName"]);
}, false);

引导 应用程序的 Angular 文档.

Angular documentation for bootstrapping apps.

这篇关于Cordova + Angularjs + 设备就绪的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！