Angular2 get current route object like ng-route's toState param

Question

@RouteConfig([
{
    path: '/login',
    name: 'Login',
    component: LoginComponent
},
{
    path: '/search',
    name: 'Search',
    component: SearchComponent,
    needAuth: true
},
{
    path: '/result/:searchString',
    name: 'Result',
    component: ResultComponent,
    needAuth: true
},
{path: '/**', redirectTo: ['Login']}
])

I have a config as this, how can I detect current route object like;

{
    path: '/result/:searchString',
    name: 'Result',
    component: ResultComponent,
    needAuth: true
}

for route restriction when user not logged in.

I want to make like this;

export class AppComponent {
constructor(private _authService:AuthenticationService) {
    if (this._authService.getUser() != null && CURRENT ROUTE OBJECT's needAuth PROPERTY is TRUE) {
        this._router.navigate(['Search'])
    } else {
        this._router.navigate(['Login'])
    }
}

}

All kind of helps are welcome.

**************UPDATE********************

I found this solution

        this._router.subscribe((url) => {
        this._router.recognize(url).then((instruction) => {
            if(this._authService.getUser() == null && instruction.component.routeData.data.needAuth) {
                this._router.navigate(['Login'])
            }

            if(this._authService.getUser() !=null && !instruction.component.routeData.data.needAuth) {
                this._router.navigate(['Search'])
            }
        });
    });

Günter Zöchbauer · Answer 1 · 2016-03-14T12:12:38.380

0

Instead of

needAuth: true

in the RouteConfig use

data: {needAuth: true}

then inject it

constructor(private routeData: RouteData) {
  if(routeData.needAuth) {
    ...
  }
}

edited Mar 14 '16 at 12:12

answered Mar 14 '16 at 11:58

Günter Zöchbauer

623,577
216
2,003
1,567

Thanks for reply, I tried that but it only returns the path parameter, I need whole object to catch custom 'key':'value' like needAuth:true – İsmail Şener Mar 14 '16 at 12:01
Thanks but I won't work, cause RouteData only used for set parameters to child route. I found another fix but it's ugly. – İsmail Şener Mar 14 '16 at 12:38
I see. I don't think it's too ugly. – Günter Zöchbauer Mar 14 '16 at 12:42

score 0 · Answer 2 · edited May 23 '17 at 12:09

I think that you could extend the RouterOutlet class to intercept the route activation in a global way:

import {Directive} from 'angular2/core';
import {Router, RouterOutlet, ComponentInstruction} from 'angular2/router';

@Directive({
  selector: 'router-outlet'
})

export class MyOwnRouterOutlet extends RouterOutlet {
  (...)

  activate(oldInstruction: ComponentInstruction) {
    var url = this.parentRouter.lastNavigationAttempt;
    console.log('attemping to nav');
    if (oldInstruction.routeData.needAuth && !this.authService.loggedIn){
      var newInstruction = new ComponentInstruction('Login', [], new RouteData(), Login, false, 1);
      return super.activate(newInstruction);
    } else {
      return super.activate(oldInstruction);
    }
  }
}

You need to configure routes this way:

{
  path: '/result/:searchString',
  name: 'Result',
  component: ResultComponent,
  data: {
    needAuth: true
  }
}

See these links for more details:

I couldn't get it work. But found another solution. Thanks anyway :) — İsmail Şener, Mar 14 '16 at 12:39

Angular2 get current route object like ng-route's toState param

2 Answers2