AngularJS中run方法的巧妙运用

前言

AngularJS是google在维护，其在国外已经十分火热，可是国内的使用情况却有不小的差距，参考文献/网络文章也很匮乏。网上关于AngularJS中run方法的介绍也比较少，本文就主要总结了关于AngularJS中run方法的巧妙运用，感兴趣的朋友们可以一起来学习学习。

一、浏览器判断

在angular做微信应用的时候，有时候我们也想把相同一份代码运行在非微信的浏览器上，这时候我们可以在angular的run上写点东西实现~

例如asw.run函数里执行定义一个$rootScope.isWeiXinLogin的函数

.run(['$rootScope', '$route', '$window', '$location', 'Position', '$cookies', 'Request', '$cookieStore',  function($rootScope, $route, $window, $location, position, $cookies, request, $cookieStore) {   //非微信的登陆   $rootScope.isWeiXinLogin = function() {    //判断是否微信登陆    var ua = window.navigator.userAgent.toLowerCase();    //console.log(ua); //mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko) version/9.0 mobile/13b143 safari/601.1    if (ua.match(/MicroMessenger/i) == 'micromessenger') {     console.log(" 是来自微信内置浏览器");     return true;    } else {     console.log("不是来自微信内置浏览器");     return false;    }   };]);

这样它能在应用的其他部分之前提前被执行，然后根据$rootScope.isWeiXinLogin的返回我们可以在不同的视图或者控制器有效的进行判断是否为微信浏览器

angular.module('autumnswind').controller('OrderCtrl', ['$rootScope', '$scope', 'Request', '$cookies', '$window', '$routeParams', '$location', 'Tool', function($rootScope, $scope, request, $cookies, $window, $routeParams, $location, tool) { if ($rootScope.isWeiXinLogin()) {     ...    }   }]);

二、登陆判断

在run里面写登陆判断是一种不错的方案，例如下面我写的这段，配合cookie和我上面的浏览器判断，当我加载页面的时候我就可以调用$rootScope.goLogin方案来判断是否这个路由所在的视图为登陆，如果有这个合法cookie就让它继续运行，不然则返回login页面进行登陆~

$rootScope.goLogin = function(replace) {    if ($rootScope.isWeiXinLogin()) {     if (!replace) {      $cookieStore.remove('loginBack');      delete $cookies.loginBack;      $location.path('login');     } else {      $cookies.loginBack = $location.path();      $location.path('login').replace();     }    } else {     $cookieStore.remove('loginBack');     delete $cookies.loginBack;     $location.path('loginWebapp');    }   };

三、白名单设置

曾经写过一个这样的函数来实现路由的参数判断，来设置白名单，那时候这个函数还放在全局变量里面~其实回头想想算是不大好的方法