跳转在路由中监控添加横杠

素颜马尾好姑娘i 2022-06-02 08:24 182阅读 0赞

var app = angular.module("xxj", \["ngRoute", "mobile-angular-ui", 'ui.bootstrap', "xxService", "xxDirective", "xxFilter",'ngFileUpload', 'ngImgCrop'\]); //\[\]表示注入模块  
  
  
//路由表配置  
//auth=true表示要求强制登录  
var appRouteConfig = \["$routeProvider", "$locationProvider", function($routeProvider, $locationProvider) \{  
$routeProvider.when("/", \{   
controller: homeCtlr,  
templateUrl: "views/home.html",  
navUnderline: 1  
\}).when("/selected", \{  
controller: selectedCtrl,  
templateUrl: "views/product/selected.html"  
\}).when("/product", \{   
controller: productCtrl,  
templateUrl: "views/product/product.html",  
navUnderline: 3  
\}).when("/brand", \{  
controller: brandCtrl,   
templateUrl: "views/product/brand.html",  
navUnderline: 2  
\}).otherwise(\{  
redirectTo: "/"  
\});  
$locationProvider.html5Mode(true).hashPrefix("!");  
\}\];  
  
  
app.config(appRouteConfig);  
  
  
// 启动器, 程序先进入这里  
app.run(\["$rootScope", "$location", "$anchorScroll", function($rootScope, $location, $anchorScroll) \{  
orderRegex($rootScope);  
$rootScope.isLogin = Cookie.get("uid") != undefined; // 全局变量, 是否已登录  
$rootScope.title = "平台";  
  
  
$rootScope.$on("$routeChangeStart", function(event, next, current) \{ //监控路由, 路由更改前触发  
$rootScope.isLogin = Cookie.get("uid") != undefined; // 全局变量, 是否已登录, 路由跳转前再次检测  
if (next.auth == true && !$rootScope.isLogin) \{  
var nowPath = $location.path();  
$rootScope.loginBackPath = nowPath; // 备份当前路径, 方便登录后跳回该地址  
$location.path("/login");  
\} else if (next.navUnderline) \{  
$rootScope.navUnderline = next.navUnderline;//导航栏的下划线根据路由的跳转添加  
\}  
\});  
\}\]);  
  
  
//主控制器

app.controller("MainCtrl", indexCtrl);

<li ng-click="proshow.show=false">  
<a href="/">首页</a>  
<span ng-class="\{'underLine':navUnderline==1\}"></span>  
</li>  
<li>  
<a ng-click="flog=true;protoggle()" href="/product">产品</a>  
<span ng-class="\{'underLine':navUnderline==3\}"></span>  
</li>

发表评论取消回复

表情：

评论列表（有 0 条评论，182人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 路由跳转

文章目录前言路由基础子路由路由传参 query 传参 path 静态传参动态传参

我就是我/ 2023年10月13日 10:39/ 0 赞/ 22 阅读

相关 Vue 路由及路由跳转

让根组件自动的挂载其它组件，而不是手动挂载。 1. 安装： > cnpm install vue-router --save 1. 在main.js中引入并使用v

朴灿烈づ我的快乐病毒、/ 2022年12月22日 14:29/ 0 赞/ 275 阅读

相关 vue中的路由跳转

https://blog.csdn.net/weixin\_42981560/article/details/94378469 ![在这里插入图片描述][watermark

绝地灬酷狼/ 2022年09月15日 11:45/ 0 赞/ 251 阅读

相关跳转在路由中监控添加横杠

var app = angular.module("xxj", \["ngRoute", "mobile-angular-ui", 'ui.bootstrap', "xxSer

素颜马尾好姑娘i/ 2022年06月02日 08:24/ 0 赞/ 183 阅读

相关在antd的标签组件中做路由跳转

使用react-router-dom在组件中可以很方便的使用 Link 标签进行路由跳转。但是我碰到了这样的情况 ![watermark_type_ZmFuZ3poZW5na

傷城~/ 2022年04月16日 06:19/ 0 赞/ 1000 阅读

相关【Vue】路由跳转

[【Vue】路由跳转][Vue] 路由跳转有几种方式，我用的最多的是$router.push的方法：实践：例如下面的页面，要求点详情跳转到详情页。 ![在这里

悠悠/ 2021年12月17日 18:30/ 0 赞/ 504 阅读

相关写在方法中的路由跳转

场景：login页面点击登陆按钮，登陆成功后，进入home页面；（当然，这里就不能用Link跳转了）问题：history的报错；解决：需要引入react-router-

忘是亡心i/ 2021年12月17日 09:27/ 0 赞/ 270 阅读

相关【Vue】路由跳转

路由跳转有几种方式，我用的最多的是$router.push的方法：实践：例如下面的页面，要求点详情跳转到详情页。 ![在这里插入图片描述][watermark_

清疚/ 2021年12月15日 06:55/ 0 赞/ 482 阅读

相关 Vue路由跳转+路由传参

之前在原生JS的开发中，我们经常会用到根据某一状态进行页面的跳转。比如：登录成功跳到首页，点击商品列表的某个商品跳转商品详情等。而常见的写法就是： locat

骑猪看日落/ 2021年09月18日 19:10/ 0 赞/ 657 阅读

相关在el-menu 中增加路由跳转

参考官方文档： ![在这里插入图片描述][20210208143837204.png] 有以下两种方式 ![在这里插入图片描述][20210208143854790

短命女/ 2021年07月26日 01:57/ 0 赞/ 354 阅读