Angular ui 路由器 ui-sref-active 在父级上

Angular ui router ui-sref-active on parent(Angular ui 路由器 ui-sref-active 在父级上)
本文介绍了Angular ui 路由器 ui-sref-active 在父级上的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个 父母 州和许多孩子州.如果我希望父母的 ui-sref-active 在我在其中一个孩子身上工作时,我需要做这个hack":

I have one parent state and many childs states. If I want the ui-sref-active on the parent to work when I am on one of the child I need to do this "hack":

$scope.isActive = function() {  
   return $state.includes('playLotteries.Index') 
       || $state.includes('playLotteries.Group')  
       || $state.includes('playLotteries.hunter');
   }

这是非常丑陋的方式,而且我有很多孩子,所以这似乎不是一个好的解决方案.有人对这个问题有其他解决方案吗?

This is very ugly way and I have many children so its not seems like good solution. Anyone have another solution for this problem?

推荐答案

你可以只检查parent state而不是检查all child states

You can check parent state only instead of checking all child states

$scope.isActive = function() {  
   return $state.includes('playLotteries');
}

这篇关于Angular ui 路由器 ui-sref-active 在父级上的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Swipable Vuetify Tabs with router(带路由器的可滑动Vutify标签)
Vue router - how to have multiple components loaded on the same route path based on user role?(VUE路由器-如何根据用户角色将多个组件加载到同一路由路径上?)
Router Link in VUE JS is not showing active(VUE JS中的路由器链路未显示为活动状态)
Can i import single file component using Vue and Vue Router CDN?(我可以使用VUE和VUE路由器CDN导入单个文件组件吗?)
Vue 3 - Get access to router-view instance in order to call child methods(VUE 3-访问路由器视图实例以调用子方法)
How to replace one parameter in Vuejs router(如何替换Vuejs路由器中的一个参数)