angular2选项卡路由依赖注入文本转换表单验证搜索过滤排序上传示例代码-html代码-BFW代码库

angular2选项卡路由依赖注入文本转换表单验证搜索过滤排序上传示例代码

代码语言：html

所属分类：其他

代码描述：angular2选项卡路由依赖注入文本转换表单验证搜索过滤排序上传示例代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html ng-app="Mywind" ng-controller="Myautumn">

<head>
    <meta charset="utf-8" />

</head>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/angular.2.4.6.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/angular-ui-router.min.js"></script>
<script type="text/javascript">
    //M
var app = angular.module('Mywind',['ui.router'])
    //angular 白名单全局通用
		app.config([
	        '$compileProvider',
	        function ($compileProvider) {
	            $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|itms-services|ftp|javascript|mailto|tel|file|sms):/);
	            // Angular v1.2 之前使用 $compileProvider.urlSanitizationWhitelist(...)
	        }
	    ]);
    //angular拦截器 声明
	app.config([ '$httpProvider', function($httpProvider) { 
	    $httpProvider.interceptors.push('httpInterceptor'); 
	  }]); 
	  //使用拦截器
	app.factory('httpInterceptor', [ '$q', '$injector',function($q, $injector) { 
	    var httpInterceptor = { 
	      'responseError' : function(response) { 
	      	//401情况下
	        if (response.status == 401){
	          var rootScope = $injector.get('$rootScope'); 
	          var state = $injector.get('$rootScope').$state.current.name; 
	          rootScope.stateBeforLogin = state; 
	          rootScope.$state.go("login"); 
	          return $q.reject(response); 
	          //不等于200情况下
	        } else if (response.status != 200){ 
	          showMsg(message,'center');
	          removeLoading("test");
	          return $q.reject(response); 
	        } 
	      }, 
	      'response' : function(response) { 
	        return response; 
	      } 
	    } 
	    return httpInterceptor; 
	  }  
	]);
	//Angular 监听路由变化
		function run($ionicPlatform, $location, Service, $rootScope, $stateParams) {  
	       //路由监听事件  
	       $rootScope.$on('$stateChangeStart',  
	               function(event, toState, toParams, fromState, fromParams) {  
	                   console.log(event);  
	                   console.log(toState);  
	                   console.log(toParams);  
	                   console.log(fromState);  
	                   console.log(fromParams);  
	                   //判断当前路由
	                   if (toState.name == "index1") {  
	                       //获取参数之后可以调请求判断需要渲染什么页面，渲染不同的页面通过 $location 实现  
	                       if (toParams.id == 10) {  
	                           $location.path();//获取路由地址  
	                            $location.path('/validation').replace();  
	                            event.preventDefault()//可以阻止模板解析  
	                       }  
	                   }  
	               })  
	           // stateChangeSuccess  当模板解析完成后触发  
	       $rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {  
	       
	       })
	       // $stateChangeError  当模板解析过程中发生错误时触发  
	       $rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) {  
.........完整代码请登录后点击上方下载按钮下载查看