当前位置: 首页 > 面试题库 >

Angular UI Router:导航到嵌套视图时如何使父视图处于“活动”状态?

段干茂实
2023-03-14
问题内容

我正在一个已实现UI路由器的ui-sref- active="active"项目中,当该项目是当前路线时,该项目用于将活动类添加到导航菜单项。但是,当您导航到该视图中的嵌套视图时,父菜单项不再处于活动状态。请参阅以下柱塞:

http://plnkr.co/edit/2CoEdS?p=preview

默认情况下(或者如果您单击它),路线1是“活动的”。当您单击“显示列表”时,您将看到Route 1不再处于活动状态。

编辑:

此示例与我的实际项目之间的唯一区别是,我的实际项目中的导航菜单具有其自己的控制器,因此不会使用与“ route1”的控制器相同的作用域。


问题答案:

编辑对于更新的ui路由器0.2.13:

ui-sref-active="active"现在在当前状态为ui-sref的状态 或任何子* 级时设置“活动”类 *

ui-sref-active-eq="active" 行为与ui-sref-active的先前html" target="_blank">迭代相同,并且仅将类设置为确切的状态

原始答案:

请参阅未解决的ui-router问题: https
//github.com/angular-ui/ui-router/issues/704和 818

人们建议的一般解决方法是:

ng-class="{active:$state.includes('route1')}"

当然,必须将$ state添加到$ scope中。查看更新的插件:http
://plnkr.co/edit/KHLDJP? p=
preview



 类似资料:
  • 我有3个项目的底部导航视图,我的如下所示: 底部导航视图中带有嵌套navGraph片段的导航工作正常,但是如果我导航到,它在嵌套navGraph之外,并且我单击其他项目/片段,我无法导航到其他片段,我基本上被困在这个屏幕上。 我检查了一下,如果我把

  • 我可以向您展示比告诉您更好的内容,所以这里是我的XML代码的结构: 因此,如您所见,我有一个,其中包含片段并支持滚动。 问题: 我有几个片段,每个片段都有自己的布局,应该在一次放纵中向下滚动。 一切都很完美,一切都可以顺利滚动,但是当我添加一个 并使用 包装它时,它无法正常工作。当我向下滚动时,将手指从屏幕上移开后,它会立即停止。 看看代码: 如果删除,它可以工作。 你知道那可能是什么吗? 谢谢你

  • 我有一个ViewPagerContainer片段,在应用程序启动时加载。ViewPagerContainer片段将两个选项卡(选项卡A和选项卡B)添加到操作栏。选项卡B有两个项目的列表视图。 我所做的:我在选项卡B片段中的列表视图项上附加了一个click listener,这样当用户单击一个项时,它会在第一个片段(即选项卡B下)内打开另一个片段(子片段)。 我陷入困境的地方:当用户按下后退按钮时,

  • 我在我的项目中实现了Design Support Library 25中的底部导航视图。我在视图中有5个图标。每当选择一个图标时,它都会有一些动画。但当3个或更少的图标未显示任何动画时。我想删除该动画,只需要对图标进行一些颜色更改。我怎样才能做到这一点?做了足够多的谷歌搜索,但找不到解决方案。请帮忙。谢谢

  • 我在嵌套滚动视图中有一个回收器视图。当回收器视图中有太多数据时,滚动会滞后。除了将回收器视图从嵌套滚动视图中删除之外,还有什么方法可以解决这个问题吗?

  • 问题内容: 我有一个带有各种 屏幕 的应用程序。每个屏幕都分配一个URL,如,,,等。 在我的主要HTML文件中,我有一个根据用户选择的路线进行更新的元素。到目前为止,一切都很好。 现在,其中一些屏幕具有子导航。例如,确实有一个收件箱和一个已发送的文件夹。他们用两列显示自己:左侧的子导航,右侧的相应文件夹的邮件。 当您导航到时,它将重定向到,因此 收件箱 基本上是 邮件 的默认子视图。 我该如何设