2017-08-09 181 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