Угловая 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 его в зависимости от загрузки, а затем добавьте ROUTER_DIRECTIVES в директиве вариант компонента для использования директивы routerLink по HTML. Удостоверьтесь, что RouterModule с его маршрутом был введен в модуль основного приложения.

Answer 3

Я хотел бы сделать его более динамичным с помощью метода параметров

Импорта углового маршрутизатора

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

Создания кнопки с событием нажатия

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

Создайте метод с параметром Pagename

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

При нажатии маршрутизатор должен маршрут к нужной странице

Answer 4

Try routerLink на кнопку теге

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

More Info