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) {
           24 
            //此处可以将之前的路由保存到根作用域中，或者根据需求
            //不保存登录页面或注册页面的路由。

            //此处也更新一些页面标题字段的值,这些值可保存在路由中，当触发该事件时候获取。
            
            
    });
    
    //此处可以写一些公用方法，以便在子作用域中使用
    //例如设置一个返回主页的方法
    $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');
    
    //做一些其他模块化的配置
})