我正在使用 Angular 5，我的 routerLinkActive 不起作用，并在刷新页面后显示我的参数未定义。

这是我的路线：

在我的导航栏中，我显示这样的子路线：

例如，当我导航到“编辑”路线时，它可以完美运行。但是当我按 F5 时，activeRouterLink 不起作用。如果我导航到“状态”，它会再次起作用。

任何想法 ？提前致谢

在我的 Angular 5 项目中，我有一个引导导航栏菜单。routerLinkActive当路径的开头与菜单的 routerlink 匹配时，确实可以很好地工作，例如：

上面的代码很好地为“/entity/teacher/add”等激活了菜单项

问题是，我有一种“包罗万象”的导航项目，其中包含不排队的东西：

我希望此项目突出显示路径/tasks，/entity/settings而且不仅限于/config.

问题是，我无法更改应用程序的路由。如何让菜单项与其他路由路径以及 routerLink 中的路径对齐？

下面的代码取自material.angular.io：

零件：

当我尝试运行此示例时，导航需要单击主页才能打开组件。我希望最初显示 home 的内容。您如何将第一个值设置为默认活动选项卡？

我正在使用 Angular 6 构建一个站点，并且由于一个问题已经卡住了几天。我正在尝试根据活动页面更改导航栏上的文本颜色（列表项）。我已经看到了有关如何使用 AngularJS 和 javascript 执行此操作的示例。我在https://angular.io/api/router/RouterLinkActive library for Angular 5+上遇到了 routerActiveLink 库文档，这似乎是一个简单的解决方案，但它对我不起作用。我尝试了许多我在网上看到的不同示例，但没有一个有效。我错过了什么吗？以下是一些代码片段：

这是我在 header.component.less 中的活动声明：

}

当我使用带括号的 [routerLinkActive] 时，页面根本不会加载，而当我在 a 标签中使用 routerLink 和 routerLinkActive 时，它​​根本不会注册。是否有一些我缺少的进口商品。我尝试从@angular/core 导入路由器、routerlinkactive 和 routerlink。

我特意在代码示例中保留了使用 routerLinkActive 的两种不同风格。当我实际运行它时，它不是这样的。

我安装了 Angular 6、bootstrap 4.1.1、jquery 3 和 popperjs。

经过进一步审查，我发现 routerLinkActive 在根应用程序模块内的元素上正常工作。我为我的页眉和页脚创建了一个名为 UiModule 的新模块，但该功能在页眉中不起作用。关于如何让 routerLinkActive 在这个模块上工作的任何想法？

我想在更改路线时添加一个活动类。我在一个组件（主页）中有一个链接，该链接重定向到其他组件（详细信息页面）。

现在，当我从详细信息页面返回主页时，我想让链接处于活动状态，告诉用户该链接已被点击。

我尝试使用routerLinkActive，但这似乎不起作用。

html

css

谁能帮我这个？

我对 Angular 比较陌生，并且正在尝试在我的 NavBar 上获得一个亮点。我已经阅读了其他一些文章，但它们并没有太大帮助。

在我的app-routing.ts文件中

在我的app.component.html文件中

在我的guides-trade.component.ts文件中，我有一个列表，当单击一行时，我会导航到该项目的详细记录（这工作正常，我会进入正确的页面）

在我的styles.css文件中

当我从导航栏中单击指南交易时，它会正确突出显示。但是，我想要的是，如果我导航到引导交易详细记录，引导交易导航项仍然突出显示。我在 app-routing.ts 文件中尝试过尝试子路由，但我无法让它工作。

将 [ngClass]="{'active':guidedtradedetail.isActive }" 之类的内容添加到app.component.html文件中的导航链接会更容易吗？

我在 Angular 中有一个问题：我有三个链接，其中一个有查询参数（由于使用了解析器）。如果我单击第一个和第三个链接，routerLinkActive则设置为。如果我点击第二个链接routerLinkActive也设置了。但是，如果我更改组件内的查询参数，则会routerLinkActive取消设置。

所以，我需要忽略查询参数。但它是如何工作的？谁能帮我？

这是我的简单代码：

使用有孩子的路线。父路由是 recipes.component ，其中包含一个 recipe-list.component 和 .

recipe-list.component 使用 PrimeNG p-table，当您单击一个配方时，配方详细信息将由输出 recipe-detail.component 的路由器出口显示。

一切都很好！但是.....当我通过去 深度链接到特定食谱时http://example.com/recipes/100，我无法在食谱列表（p-table）中突出显示食谱 ID 100。

我正在订阅 recipe-detail.component 中的 route.params 订阅，并尝试@Output()在配方 ID 上创建一个 EventEmitter，希望将其向上渗透到父级（recipes.component）并因此访问 ID recipes-list.component（p 表）。但是没有骰子……！

关于如何做到这一点的任何建议？

我正在使用 Angular 6，但我遇到了关于导航菜单的问题。

当我单击子项时，使用 routerLinkActive 时只有子项设置为活动而不是父项。

我想知道在 Angular 6 中选择子项时如何将父项类设置为活动？

假设我单击了服务的子级地板维护。只有地板维护将被设置为活动，而不是服务。我希望在单击其任何子项时使用 routerLinkActive 激活服务按钮。

导航菜单

路由模块

在路由器链接活动时，我想更改{{menuItem.icon}}为{{menuItem.iconAtv}}