如何在 html 模板中使用 relativeTo 属性和 routerActive？答案

【问题标题】：How can I use relativeTo property in html template along with routerActive?如何在 html 模板中使用 relativeTo 属性和 routerActive？
【发布时间】：2018-01-16 19:00:21
【问题描述】：

我需要在我的应用程序中使用“relativeTo”属性以及“routerLinkActive”指令。拥有一个使用

路由的点击监听器函数

router.navigate(this.router.navigate(['path']{relativeTo:this.route});

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

如何同时使用两者？

【问题讨论】：

routerLinkActive 选项是什么？
routerLinkActive 用于在特定路径处于活动状态时设置链接样式。
我知道，但这是一个指令，而不是一个选项。所以你的问题是否令人困惑
对不起，我的错！术语使用错误。

标签： angular angular-router routerlink routerlinkactive

【解决方案1】：

RelativeTo 默认设置为当前激活的路由。在模板中，您可以在路由名称中使用. 或^。

【讨论】：

this.router.navigate(['grid'],{relativeTo:this.route,queryParamsHandling:'preserve'});我如何在 HTML 模板中执行此操作，因为我还需要使用 routerLinkActive 选项来设置链接样式？
为什么它不起作用？ [routerLink]="['../new-contract']"
@AndryxaPiddubnjak 有很多变数使得很难说它为什么不起作用。您必须记住，链接是相对创建的，但是是从渲染组件的点开始的。请打开新问题，因为它是不同的问题。