问题标签 [routerlinkactive]

我正在尝试将 routerLinkActive 实现到我的应用程序，但我面临的问题是将类活动设置为多个链接。这就是我的做法

这是它的外观

这是它在开发工具中的外观 和我的地址栏

我是否遗漏了什么，因为我正在按照角度文档中的说明进行操作。

我正在使用InputrouterLinkActive 将活动类添加到某些特定的 url。但我希望该特定链接在检测到一大块单词时始终处于活动状态。让我解释一下：如果我定义的路线是/rent/page/:id，并进入我的模板，我这样做：

如果地址栏中的 url 与定义的路由匹配，它就会起作用，并且它会添加active类。我的包含租金链接的主导航将处于活动状态。

但我想要更多，如果我的路由有这个定义/rent/:property/:name/:id，并且我点击 url，它不会将活动链接添加到我的主导航。

我找到了以下解决方案：

每次我匹配rent到当前 url 时，我都会rent为对象设置属性active，它会在我的租金导航中添加活动。而之前提到的模板，我将其更改如下：

它有效，但我不确定这是否是一个好习惯。

我的问题是：如果我想routerLinkActive保持特定链接处于活动状态，即使用户更改了页面，该怎么办？有没有另一种方法可以做到这一点[routerLinkActive]？

我只想删除一个类，只有一条路线，（或在所有但一条路线上添加一个类。）这怎么可能？我试过 [routerLink] 有多个参数无济于事：

或者，是否有 [routerLinkNOTActive] 之类的东西或类似的东西：

因此，它会在所有不是“/home”的路线上添加“col-sm-9”类。看起来很简单，但找不到任何事情要做。

页面中的路由没有发生。我使用了下面的 HTML 和配置代码。

路由配置代码是

当我在分页链接中单击“1”或“2”时出现以下错误。

ERROR 错误：未捕获（在承诺中）：错误：无法匹配任何路由。URL 段：'review/phrase/NaN' 错误：无法匹配任何路由。URL 段：“review/phrase/NaN”在 ApplyRedirects.noMatchError (router.es5.js:1404) [angular] 在 CatchSubscriber.selector (router.es5.js:1379) [angular] 在 CatchSubscriber.error (catch.js :104) [角度] 在 MapSubscriber.Subscriber._error (Subscriber.js:128) [角度] 在 MapSubscriber.Subscriber.error (Subscriber.js:102) [角度] 在 MapSubscriber.Subscriber._error (Subscriber.js:128 ) [角度] 在 MapSubscriber.Subscriber.error (Subscriber.js:102) [角度] 在 MapSubscriber.Subscriber._error (Subscriber.js:128) [角度] 在 MapSubscriber.Subscriber.error (Subscriber.js:102) [角度]

我有一个导航组件，其中有一个与之关联的子导航​​。数据结构如下：

我想在主导航和子导航之间创建一个链接，以便在导航到页面布局时，仍然设置活动类。我当前的父 HTML 是：

我试图添加多个 routerlinks 选项并提供一系列 routerlink 选项，例如

但这不起作用。

谢谢

我在角度 4 中遇到 routerLinkActive 问题。我有这个设置。

这是一个单一水果的标签页。例如：fruits/4（常规选项卡）和 fruits/4/settings（设置选项卡）

选项卡导航器 (FruitNav) 的设置如下所示，它适用于大多数情况：

现在是 si 问题：路线目前在 fruits/4。如果我在任何子选项卡中，甚至在主导航类中，并调用另一个fruitId，routerLinkActive 将不起作用。前任：

将导航到fruit/5，但没有一个选项卡将处于活动状态/选中

一个典型的用例可能是用户可以导航到的类似水果的列表。

有人对此有解决方案吗？

我有一个类似的清单：

我需要：当我选择其中一个元素时，更改（第一组的）类“group-active”。他们的元素工作正常，但我无法将样式应用于相应的元素标题。

任何想法？

谢谢

我如何让 [routerLinkActive]="['accent']" 与 queryParams 和没有 queryParams 一起工作。

当我删除 [queryParams]="skm.path" 时，该类将与 /list 或 /graph 等路由一起应用

当我将其添加回来时，它将应用于 /list?id=1 或 /graph?id=2 等路线

但我无法让它在这两种情况下都能正常工作有人知道为什么吗？

谢谢！

我需要在我的应用程序中使用“relativeTo”属性以及“routerLinkActive”指令。具有使用路由的点击监听器功能

会好的。但在那种情况下，我不能使用 routerLinkActive 指令。

如何同时使用两者？

我目前正在使用 Angular 4 进行一个项目。直到今天我对路由器没有任何问题，但我使用了 Angular Materials 组件，今天早上我看到我必须更新 Angular Material 包。我执行了：

从那时起，当我使用 RouterLink 时，组件就会加载到实际页面的顶部。例如，如果我在“/dashboard”中并且我想转到“/signin”页面。“登录”组件加载在仪表板顶部，因此在同一页面中，我有仪表板组件和登录组件。

你有什么想法可以帮我解决这个问题吗？

编辑 ：

我的组件不再响应，如果我使用带有在我的组件中定义的数组的 *ngFor，如果数组更改了带有 *ngFor 的组件不会改变......我认为我所有的问题都是相关的，但我可以'不知道怎么做。

我如何使用 RouterLink ：

我的 app.routing.module.ts 的代码：