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/
   377   378   379   380   381   382   383   384   385   386   387