Angular 2 get route no provider for Route

Question

In Angular 2 I want to be able to use route.path to.. get the path.

Inside a components constructor I have:

constructor(private route: Route) {}

So I would like to be able to call:

this.route.path

And for the app bootstrap I got:

bootstrap(AppComponent,
[
    ROUTER_PROVIDERS,
]);

But I still get the No Provider for Route! error

If using outside the constructor just try once changing modifier in contructor to public — mayur, May 06 '16 at 08:42

score 4 · Accepted Answer · edited May 23 '17 at 11:47

4

I assume what you to inject Location instead of Route. Route is for route configuration and there is no way for Angular to know which Route instance to inject.

Location provides the path() function to get the current URL.

Depending on the Angular2 version there are different paths where to import it from.

See also Location and HashLocationStrategy stopped working in beta.16

<= beta 15

import {Location} from 'angular2/router';

>= beta 16 < rc.0

import {Location} from 'angular2/platform/common';

constructor(private location:Location) {
  console.log(location.path());
}

>= rc.0

import {Location} from '@angular/common';

edited May 23 '17 at 11:47

Community

1
1

answered May 06 '16 at 08:30

Günter Zöchbauer

623,577
216
2,003
1,567

You set me on the right track, it has to be `import { Location } from '@angular/common'; ` since 2.0.0-rc.0 If you add this, I'll accept :) – RobSeg May 06 '16 at 08:45
Right, forgot that it changed again – Günter Zöchbauer May 06 '16 at 08:47

score 0 · Answer 2 · answered May 06 '16 at 08:31

0

The Route class can be injected. You can inject the Router one or RouteParams:

constructor(private router:Router,private params:RouteParams) {
  this.id = params.get('id');
}

If you need the path of the current route, inject rather the Location class and use its path method

constructor(private location:Location) {
  var path = location.path();
}

answered May 06 '16 at 08:31

Thierry Templier

198,364
44
396
360

From where do you import RouteParams post beta (rc.1). It doesn't work to import it from @angular/router and I can't find where it says this anywhere yet. – mottosson May 06 '16 at 10:29

score 0 · Answer 3 · answered May 06 '16 at 08:32

0

Try with ROUTER_BINDINGS instead.

answered May 06 '16 at 08:32

Pierre Urban

149
4

1

ROUTER_BINDINGS has been deprecated (use ROUTER_PROVIDERS instead) since alpha41 – RobSeg May 06 '16 at 08:35
too short for answer, you can use this as comment too. – Pardeep Jain May 06 '16 at 08:55

Angular 2 get route no provider for Route

3 Answers3

Linked