2017-08-09 242 views
3

我需要在我的应用程序中使用'relativeTo'属性以及'routerLinkActive'指令。 拥有,使用如何在html模板中使用relativeTo属性以及routerActive?

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

路线点击收听功能会好起来的。但在这种情况下,我不能使用routerLinkActive指令。

我该如何同时使用两者?

+0

是什么'routerLinkActive'选项? –

+0

routerLinkActive用于在特定路径处于活动状态时对链接进行样式设置。 – CKA

+0

我知道知道,但这是一个指令,而不是一个选项。所以你的问题,如果令人困惑 –

回答

1

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

更多相对导航: https://stackoverflow.com/a/38808116/1356669 https://angular.io/guide/router#relative-navigation

+0

this.router.navigate(['grid'],{relativeTo:this.route,queryParamsHandling:'preserve'});我怎样才能在HTML模板中做到这一点,因为我还需要使用routerLinkActive选项来设置链接的样式? – CKA

+1

https://angular.io/api/router/RouterLink#description的最后部分 – be4code

相关问题