How call router navigate method from Angular 2?

Question

I use Angular 2, SystemJs and ES6 (Not TypeScript).

What do I want? I want navigate to link with Route. What I'm doing

// route for exam simple
export let routes = [
    {path: '', name: 'home', component: HomeComponent, terminal: true}, 
    {path: 'auth', name: 'auth', component: AuthComponent}
]

It works well if I use [routerLink]. And now I want programmatically use router like this

    import { Component } from '@angular/core';
import { Router, ROUTER_DIRECTIVES } from '@angular/router';

@Component({
    selector: 'tf-main',
    directives: [ROUTER_DIRECTIVES],
    template: '<p>home</p><router-outlet></router-outlet>'
})

export class HomeComponent {

    static get parameters() {
        return [[Router]]
    }

    constructor(router) {
        this.router = router;

        // This wrong way!!!! Help!!!!
        this.router.navigateByUrl(['auth']);
    }
}

Günter Zöchbauer · Accepted Answer · 2016-07-04 16:33:38Z

12

just

this.router.navigate(['auth']);

or

this.router.navigate(['/auth']);

(to ensure the root route auth is used)

answered Jul 4, 2016 at 16:33

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Kirill Muchow Over a year ago

The problem is this.router has not navigate method

Günter Zöchbauer Over a year ago

What Angular2 version are you using?

Kirill Muchow Over a year ago

I use Angular 2 version 2.0.0.rc4, router 3.0.0.beta1

Günter Zöchbauer Over a year ago

Sorry, no idea. angular.io/docs/js/latest/api/router/index/…

ruucm · Accepted Answer · 2017-03-19 01:20:24Z

5

How about using this constructor?

constructor(
private router: Router){}

then

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

I think your error message means you should initialize 'router' correctly.

answered Mar 19, 2017 at 1:20

ruucm

5237 silver badges16 bronze badges

Comments

Pardeep Jain · Accepted Answer · 2016-07-04 19:14:32Z

1

According to me router.navigateByUrl accepts only string not array so your syntax should be like this

this.router.navigateByUrl('/auth');

or if this is your child route after home th

this.router.navigateByUrl('/home/auth');

Collectives™ on Stack Overflow

How call router navigate method from Angular 2?

3 Answers 3

4 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Related