angularjs2 29:20 caused by: this._router.navigate is not a function

Question

I am new in angularjs2 and i try to navigate route but i revived "29:20 caused by: this._router.navigate is not a function"

may code like this

import {Component} from '@angular/core';
import { Http } from '@angular/http';
import { ActivatedRoute } from '@angular/router';
import 'rxjs/add/operator/map';

@Component({
selector: 'app-user',
templateUrl: `app/user/user.component.html`
})
export class UserComponent {
constructor(private _http: Http, private _router: ActivatedRoute) { 
}

edit() {
this._router.navigate(['form']);
}
};

Fredrik Lundin Grande · Accepted Answer · 2017-02-27 13:19:00Z

1

You are suppose to use Router, not ActivatedRoute to navigate.

import { Router } from '@angular/router'

...

constructor(private _http: Http, private _router: Router) {}

...

See official docs for more information

Router:

[...] Manages navigation from one component to the next.

ActivatedRoute:

A service that is provided to each route component that contains route specific information such as route parameters, static data, resolve data, global query params and the global fragment.

answered Feb 27, 2017 at 13:19

Fredrik Lundin Grande

8,2561 gold badge32 silver badges36 bronze badges

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

2 Comments

Tester Over a year ago

Thank for giving response. is it necessary to use Router ?

Fredrik Lundin Grande Over a year ago

@test, yes, if you want to navigate from inside your code, Router is the way to go :)

Collectives™ on Stack Overflow

angularjs2 29:20 caused by: this._router.navigate is not a function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related