index.html中引入各种依赖的文件
由ng-app处开始angular Js的管理
1 angular.module(‘App‘, [‘‘]) 2 .run(function($rootScope,...){ 3 4 //在根作用域上进行一些基本的设定 5 $rootScope.ENV = ENV; 6 $rootScope.VERSION = VERSION; 7 8 //监听路由变化的开始,并通过回调函数做一些操作 9 $rootScope.$on(‘$stateChangeStart‘, function (event, toState, toStateParams) { 10 11 //将即将访问的路由保存在根作用域中,以便程序后续访问 12 $rootScope.toState = toState; 13 $rootScope.toStateParams = toStateParams; 14 15 //此处可进行一些权限判定 16 17 //如果需要做国际化,可以在此处更新当前用户的语言选项 18 19 }); 20 21 //路由变化完成时,做一些需要的操作 22 $rootScope.$on(‘$stateChangeSuccess‘, function(event, toState, toParams, fromState, fromParams) { 23 24 25 //此处可以将之前的路由保存到根作用域中,或者根据需求 26 //不保存登录页面或注册页面的路由。 27 28 //此处也更新一些页面标题字段的值,这些值可保存在路由中,当触发该事件时候获取。 29 30 31 }); 32 33 //此处可以写一些公用方法,以便在子作用域中使用 34 //例如设置一个返回主页的方法 35 $rootScope.goHome = function(){ 36 //返回主页 37 $state.go(‘home‘); 38 } 39 40 41 42 }) 43 .config(function($stateProvider,$httpProvider,$urlRouterProvider,XXX){ 44 //设定如果无状态访问,访问/状态路由。 45 $urlRouterProvider.otherwise(‘/‘); 46 //配置一些常用的路由 47 $stateProvider.state(XXX).state(XXX); 48 49 //做一些HTTP请求的注入,例如在发送报文前加入权限认证, 50 //在收到报文时,做一些特殊数据的提取。亦或者收到400请求时广播异常事件 51 $httpProvider.interceptors.push(‘XXX‘); 52 53 //做一些其他模块化的配置 54 })
时间: 2024-11-07 12:41:58