我正在尝试构建我的第一个移动应用。我使用的是:AngularJS、Mobile Angular UI、jQuery 和 PhoneGap。
我的代码:
<!doctype html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-touch.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="/mobile-angular-ui/dist/css/mobile-angular-ui-base.min.css" />
<link rel="stylesheet" href="/mobile-angular-ui/dist/css/mobile-angular-ui-desktop.min.css" />
<link rel="stylesheet" href="/css/demo.css" />
<script src="/mobile-angular-ui/dist/js/mobile-angular-ui.min.js"></script>
</head>
<body ng-app="MyApp" ng-controller="MainController">
HERE HTML CODE
<script>
HERE ALL LOGIC
</script>
</body>
</html>
在所有浏览器中一切正常,但是当我从 PhoneGap 获取 apk 文件 并在我的 Nexus 4 (Android) 上运行它时,我看到白屏 :*(
最佳答案
您需要在head 标签的开头添加以下行
<script type="text/javascript" src="cordova.js"></script>
还要确保检查 deviceready 事件以进行任何 native 设备 API 调用。
关于javascript - AngularJS + jQuery + 移动 Angular ui + phonegap = 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24979160/