Page 382 - AngularJS权威教程
P. 382
362 第 26 章 移动应用
if(!resolved) {
if (window.cordova) {
d.resolve(window.cordova);
}
}
}, 3000);
}]);
现在,再将fsCordova作为依赖,设置给应用程序模块:
angular.module('myApp', ['fsCordova'])
// ...
可以使用这个CordovaService来确定Cordova是否准备好了,事实上这里已经准备好了,并
且我们还可以依赖于这个服务是否准备就绪来设置逻辑:
angular.module('myApp', ['fsCordova']).controller('MyController', function($scope,
CordovaService) {
CordovaService.ready.then(function() {
// 此时Cordova已经准备好了
});
});
26.5 引入 Angular
这个空的Cordova应用,目前只是一个没有价值的JavaScript应用,它只在js/index.js中隐藏和
显示了JavaScript视图。
你可以以很简单的方式将Angular引入到工作流程中。因为这里要构建一个原生应用,从CDN
中引入Angular并不理想;相反,应该将必要的组件直接包含到应用中。
虽然可以使用Bower处理更复杂的设置,但是就目前而言,先保持简单。
①
为了构建Angular应用,需要从angularjs.org 上下载Angular,并且应该将它存放到index.html
可访问的目录中。推荐www/js/vendor/angular.js。
设置好之后,就可以开始构建Angular应用了。首先需要在www/index.html中引入这个
JavaScript文件。
<script type="text/javascript" src="js/vendor/angular.js"></script>
现在,你可以替换当前Angular应用中js/index.js文件中的所有内容,然后正常开发这个应用了。
开发流程
构建应用时,我们将会使用如下流程:
启动本地服务器(Cordova serve [platform]);
编写应用;
重新构建应用(Cordova build [platform])。
——————————
① http://angularjs.org/