当前位置: 首页 > 知识库问答 >
问题:

Angular:如何用参数确定活动路由?

郭辉
2023-03-14

我读过关于如何确定活动路由的问题,但我仍然不清楚如何用参数确定活动路由?

现在我是这样做的:

<a [routerLink]="['/Profile/Feed', {username: username}]"
   [ngClass]="{active: getLinkStyle('/profile/john_doe/feed')}">
   Feed for {{username}}
</a>

在我的组件中:

getLinkStyle(path:string):boolean {
  console.log(this._location.path()); // logs: '/profile/john_doe/feed'
  return this._location.path() === path;
}

这将起作用,因为我将用户名作为字符串传递。有没有办法通过传递正确的参数来做到这一点??

共有1个答案

华瀚漠
2023-03-14

只需将自动定义的router-link-active类检查为a元素

 类似资料:
  • 注意:这里有很多不同的答案,而且大多数在某个时候都是有效的。事实上,当Angular团队改变其路由器时,工作的方式已经改变了很多次。Router3.0版本将最终成为Angular中的路由器,它打破了许多这些解决方案,但提供了一个非常简单的解决方案。从RC.3开始,首选解决方案是使用,如本答案所示。 在Angular应用程序中(我写这篇文章的时候是2.0.0-Beta.0版本中的最新版本),如何确定

  • 问题内容: 注意: _这里有很多不同的答案,大多数答案一次或一次都有效。 事实是,当Angular团队更改其Router时,有效的方法已经改变了许多次。最终将 成为 Angular路由器的Router 在Angular应用程序中(我撰写本文时为2.0.0-beta.0版本中的当前版本),如何确定当前活动的路由是什么? 我正在开发一个使用Bootstrap 4的应用程序,并且需要一种在标签中显示其关

  • 如何确定哪个文本框是TabControl中的活动控件?

  • 我这里有一个WAV文件:http://uppit.com/slpmuzpywxhs/202.wav 我需要使用以下参数基于声音文件的属性构造Java AudioFormat对象: 浮动样本速率,int sampleSizeInBits,int 通道,布尔符号,布尔大端。 所以我的问题是:如何分析WAV文件以确定这些值? 编辑:多亏了杰克特找到解决方案!

  • 我的路由配置有问题。我的应用程序逻辑——我在标题中有一个控制导航的下拉菜单。下拉选项通过下拉菜单下的额外导航栏导航到页面。单击下拉选项时,传递路由参数。问题是,我需要加载组件,它不在导航栏上,但在下拉导航后用作默认屏幕。 第一个导航“层”是下拉列表。之后,URL是index/Param#。 第二个导航“层”是导航栏,它加载在具有url索引/ Param#的页面上。在该页面上,我有组件(“默认屏幕”

  • 我正在做一个图形项目,涉及使用3D纹理对以直线网格形式存储的数据进行一些体绘制,我对glTexImage3D的宽度、高度和深度参数有点困惑。对于一维纹理,我知道你可以使用这样的东西: GLTEXAGE1D(GL_纹理_1D,0,GL_RGB,256,0,GL_RGB,GL_无符号_字节,数据); 其中宽度是每个颜色流的256个可能值。在这里,我仍然使用无符号字节形式的颜色(这里纹理的主要目的仍然是