angularjs UI-Router的路由事件

文章参考  http://www.cnblogs.com/darrenji/p/4982480.html

 

angular.module("hkApp", ["ionic"])

//注意最后函数参数的顺序要与前面的字符串一一对应
.run(['$rootScope', '$log','$state', function ($rootScope, $log,$state) {

	$rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){
		$log.debug('successfully changed states') ;

		$log.debug('event', event);
		$log.debug('toState', toState);
		$log.debug('toParams', toParams);
		$log.debug('fromState', fromState);
		$log.debug('fromParams', fromParams);
	});

	$rootScope.$on('$stateNotFound', function (evt, next, current) {
		// write callback here
		//alert("$stateNotFound");
		console.log("$stateNotFound");
	});

	$rootScope.$on('$stateChangeError', function (current, previous, rejection) {
		//alert("error");
	});

	//定义一个全局函数,在所有的地方都能够访问得到
	$rootScope.goTo = function(targetName){
		$state.go(targetName)
	}
}])

 

备注:

1、使用$rootScope定义全局变量函数

2、$stateChangeSuccess  $stateNotFound  $stateChangeError是Router-ui的三个状态

 

你可能感兴趣的:(angularjs UI-Router的路由事件)