角度2のリダイレクト（クリック時）

Question

角度2のボタンをクリックすると簡単なリダイレクトを作成する方法は？すでに試してみました：

import {Component, OnInit} from 'angular2/core'; 
import {Router, ROUTER_PROVIDERS} from 'angular2/router' 

@Component({ 
    selector: 'loginForm', 
    templateUrl: 'login.html', 
    providers: [ROUTER_PROVIDERS] 
}) 

export class LoginComponent implements OnInit { 

    constructor(private router: Router) { } 

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

} 

Answer 1

あなたはAngular2のイベントのサポートを活用できます。

@Component({ 
    selector: 'loginForm', 
    template: ` 
    <div (click)="redirect()">Redirect</div> 
    `, 
    providers: [ROUTER_PROVIDERS] 
}) 
export class LoginComponent implements OnInit { 
    constructor(private router: Router) { } 

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

Answer 2

は、私が使用routerLinkディレクティブ&が置か言うだろうこと（アンカー）タグaオーバー

<a [routerLink]="['./SomewhereElse']">Redirect</a> 

また、 ROUTER_PROVIDERSを providers & incluから削除する必要がありますそれをブートストラップの依存関係に入れてから、ディレクティブをHTMLの routerLinkディレクティブに使用するように、コンポーネントのディレクティブオプションに ROUTER_DIRECTIVESを追加してください。 メインアプリケーションモジュールにRouterModuleの経路が挿入されていることを確認してください。

Answer 3

私はなるだろうそれよりダイナミックな使用方法が

インポート角度ルータ

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

ページ名パラメータを持つメソッドを作成し、クリックイベント

<div (click)="redirect(my-page)">My page</div> 

でボタンを作成します。パラメータ

redirect(pagename: string) { 
    this.router.navigate(['/'+pagename]); 
} 

正しいページ

Answer 4

へのルートが機能していない

<button type="button" [routerLink]="['/edit']">Edit</button> 

More Info