gpt4 book ai didi

javascript - 如何使用 onDeviceReady 设置 AngularJS 应用程序并为 Cordova 初始化函数?

转载 作者:行者123 更新时间:2023-11-30 00:09:38 27 4
gpt4 key购买 nike

我正在开发我的第一个使用 AngularJS 的 Cordova 应用程序,我对如何合并 Cordova 项目的起始 JS 有点迷茫。

我目前拥有默认的 index.js 文件,该文件包含在 Cordova 中,我已对其进行修改以包含一些基于设备开启或离线时间的事件。它创建一个对象 (app) 并添加用于初始化、bindEvents 和 onDeviceready 的函数。

我应该在哪里定义 AngularJS 应用程序?在文档底部的 app.initialize() 函数调用之后?或者我可以完全放弃 JS 文件的原始 Cordova 结构并为 onDeviceReady 做一些其他事情吗?

谢谢!

最佳答案

基本上你可以在任何地方定义 Angular ,我推荐一个单独的文件。您需要担心的是在 cordova 之前首先加载 Angular 。下面是一个如何使用服务来克服这个问题的例子。

.service('cordovaReady', function($q){
var cordovaDefer = $q.defer();

//Note: if you want browser support you'll need to detect
//what platform you're running because deviceready event won't be called
//unless cordova is running.
document.addEventListener("deviceready", cordovaDefer.resolve, false);

return function(){
return cordovaDefer.promise;
};
});

每次你在你的应用程序中使用 cordova 插件时使用它,就像这样:

//$cordovaFacebook is just an example
.controller('someCtrl', function(cordovaReady, $cordovaFacebook){
cordovaReady()
.then(function(){

//Plugins available here
$cordovaFacebook.api('/me').then(...);
});

关于javascript - 如何使用 onDeviceReady 设置 AngularJS 应用程序并为 Cordova 初始化函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37031822/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com