var app = angular.module("app",[]); //定义app
app.run(['$rootScope','$location',function ($rootScope,$location) { 需要注入服务$rootScope;$location在这可要可不要,这里用来查看获取新的路由链接
路由监听事件
$rootScope.$on('$stateChangeStart',function (event,toState,toParams,fromState,fromParams) {
alert("路由的状态变化开始!");
console.log('route begin change');
});
stateChangeSuccess 当模板解析完成后触发
$rootScope.$on('$stateChangeSuccess',fromParams) {
alert("路由的状态变化成功!");
console.log('route have already changed :' + $location.path());
});
$stateChangeError 当模板解析过程中发生错误时触发
$rootScope.$on('$stateChangeError',fromParams,error) {
alert("路由的状态变化失败!");
console.log('route changed failed:');
})
}]);
function($rootScope,$location) { /* 监听路由的状态变化 */
$rootScope.$on('$routeChangeStart',1)">(evt,next,current){
alert("路由的状态变化开始!");
console.log('route begin change');
});
路由的状态变化成功
$rootScope.$on('$routeChangeSuccess',current,previous) {
alert("路由的状态变化成功!");
console.log('route have already changed :'+$location.path());
});
}]);
// $viewContentLoading:当页面视图开始加载时,DOM渲染完成之前触发,该事件将在$scope链上广播此事件。
$scope.$watch('$viewContentLoading',viewConfig) {
alert('模板加载完成之前!'$viewContentLoaded:当页面视图加载完成,DOM渲染完成之后触发,视图所在的$scope发出该事件。
$scope.$watch('$viewContentLoaded',1)"> (event) {
alert('模板已经加载完成!');
});