Javascript PhoneGap:角度控制器不';行不通
我有一个HTML单页web应用程序,我正试图将其转换为适用于Windows Phone 8的PhoneGap应用程序 该应用程序使用Angular和jQuery Mobile,为了让两个应用程序合作,我必须使用。该应用程序在所有浏览器中都能正常工作,包括诺基亚Lumia Windows Phone上的IE 10 mobile 当我作为PhoneGap应用程序在设备上编译和测试时,各种库似乎加载和初始化良好,直到它们到达一个角度控制器。控制器从不加载/初始化,无论它们多么简单 以下是库的加载方式:Javascript PhoneGap:角度控制器不';行不通,javascript,jquery,angularjs,cordova,windows-phone-8,Javascript,Jquery,Angularjs,Cordova,Windows Phone 8,我有一个HTML单页web应用程序,我正试图将其转换为适用于Windows Phone 8的PhoneGap应用程序 该应用程序使用Angular和jQuery Mobile,为了让两个应用程序合作,我必须使用。该应用程序在所有浏览器中都能正常工作,包括诺基亚Lumia Windows Phone上的IE 10 mobile 当我作为PhoneGap应用程序在设备上编译和测试时,各种库似乎加载和初始化良好,直到它们到达一个角度控制器。控制器从不加载/初始化,无论它们多么简单 以下是库的加载方式:
<script type="text/javascript" src="cordova.js"></script>
<script src="javascripts/vendor/jquery-mobile-angular-adapter-standalone-1.3.1.js" type="text/javascript"></script>
<script>
document.addEventListener('deviceready', function() {
angular.element(document).ready(function() {
console.log('DEVICE READY - ANGULAR DOCUMENT READY');
angular.bootstrap(document.body, ['psxclient']);
});
}, false);
</script>
<script src="javascripts/vendor/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="javascripts/vendor/jquery.mobile.scrollview.js" type="text/javascript"></script>
<script src="javascripts/vendor/jquery.metro.js" type="text/javascript"></script>
<script src="javascripts/vendor/jquery.metro.mobile.js" type="text/javascript"></script>
<script src="javascripts/vendor/underscore.js" type="text/javascript"></script>
<script src="javascripts/services.js" type="text/javascript"></script>
<script src="javascripts/filters.js" type="text/javascript"></script>
<script src="javascripts/app.js" type="text/javascript"></script>
我认为在$routeProvider中,没有任何命令可以调用
AppCtrl
控制器来运行。
我对我的答案没有信心,因为如果有这个原因,AppCtrl
也不能在web浏览器中工作。但是值得一试,将$routeProvider更改为以下代码
$routeProvider.when('/deal/:id',
{
templateUrl: '#deal',
jqmOptions: { transition: 'slide' },
controller: 'AppCtrl'
});
此外,“设备就绪-角度文档就绪”是否已显示?感谢您捕捉到剪切和粘贴的打字错误。我的应用程序不是这样的,所以问题仍然存在。谢谢你的回复。是的,将控制器添加到路由中没有帮助。我的HTML中的控制器只是附加到同一页面中的div。是的,'DEVICE READY-ANGULAR DOCUMENT READY'console.log启动,引导调用似乎部分工作,因为ANGULAR.module中的一些代码正在运行。只是控制器不行。事实证明,在配置路由提供程序之前,它偶尔会失败。如果我从app模块(stubdata、common filters)中省略依赖项,它至少可以可靠地完成routeProvider配置。
$routeProvider.when('/deal/:id',
{
templateUrl: '#deal',
jqmOptions: { transition: 'slide' },
controller: 'AppCtrl'
});