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

Angular ui router ui-sref-active on parent(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 在父级上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！