どのようにルータや補助コンセントを使用して、JavaScriptでAngular2アプリケーションをリダイレクトする

Question

私は、このリンクを持っている

<a [routerLink]="['/path1', { outlets: { 'scope': ['scope1'] } }]" routerLinkActive="active">link</a>

私は私が私のコンポーネントに追加するJavaScriptのスクリプトで、それをクリックするのアクションを再作成したいです。どうしたらいいですか？

Answer 1

リンク上のクリックでイベントを追加し、このイベントをDI内のルータのインスタンスを使用してナビゲートするコンポーネント内のメソッドにバインドできます。

例（パラメータなしで、単にアクション）：

テンプレート：

<a (click)="navigate()">link</a> 

コンポーネント：

import { Router } from '@angular/router'; 

... 

constructor(private router: Router) { } 

navigate() { 
    this.router.navigate(['/path1']); 
} 

NB：構文はビットに応じて変更される可能性があります@angular/routerバージョンの場合は、最新バージョンを使用していることを確認してください。