0003-程序流程1之app.js

index.html中引入各种依赖的文件

由ng-app处开始angular Js的管理

 angular.module('App', [''])
 .run(function($rootScope,...){
  　　
  　　//在根作用域上进行一些基本的设定
 　　$rootScope.ENV = ENV;
 　　$rootScope.VERSION = VERSION;

     //监听路由变化的开始，并通过回调函数做一些操作
     $rootScope.$on('$stateChangeStart', function (event, toState, toStateParams) {

             //将即将访问的路由保存在根作用域中，以便程序后续访问
             $rootScope.toState = toState;
             $rootScope.toStateParams = toStateParams;

             //此处可进行一些权限判定

             //如果需要做国际化，可以在此处更新当前用户的语言选项

     });

     //路由变化完成时，做一些需要的操作
     $rootScope.$on('$stateChangeSuccess',  function(event, toState, toParams, fromState, fromParams) {

             //此处可以将之前的路由保存到根作用域中，或者根据需求
             //不保存登录页面或注册页面的路由。

             //此处也更新一些页面标题字段的值,这些值可保存在路由中，当触发该事件时候获取。

     });

     //此处可以写一些公用方法，以便在子作用域中使用
     //例如设置一个返回主页的方法
     $rootScope.goHome = function(){
         //返回主页
         $state.go('home');
     }

 })
 .config(function($stateProvider,$httpProvider,$urlRouterProvider,XXX){
     //设定如果无状态访问，访问/状态路由。
     $urlRouterProvider.otherwise('/');
     //配置一些常用的路由
     $stateProvider.state(XXX).state(XXX);

     //做一些HTTP请求的注入，例如在发送报文前加入权限认证，
     //在收到报文时，做一些特殊数据的提取。亦或者收到400请求时广播异常事件
     $httpProvider.interceptors.push('XXX');

     //做一些其他模块化的配置
 })