2017-08-09 12 views
3

私のアプリケーションでは、 'relativeTo'プロパティと 'routerLinkActive'ディレクティブを使用する必要があります。 はrouterActiveと一緒にhtmlテンプレートのrelativeToプロパティを使用するにはどうすればよいですか?

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'});リンクをスタイルするためにrouterLinkActiveオプションを使う必要があるので、これをHTMLテンプレートでどうやって行うことができますか? – CKA

+1

https://angular.io/api/router/RouterLink#descriptionの最後のセクション – be4code

関連する問題