How to test if a route exists in Angular2?

丶灬走出姿态 提交于 2019-12-22 04:11:32

问题


In Angular2 how do I check if a route exists?

I have a method that remembers which route to navigate to if the user is not authorised.

On login I have:

this.router.navigate([this.authService.redirectUrl]);

But I only want to navigate IF the redirectUrl references a valid route, something like ..

if (this.authService.redirectUrl is a valid route) {
  this.router.navigate([this.authService.redirectUrl]);
}

Is there any way to check this?


回答1:


You can check if the route exists like that using the promise way :

this.router.navigate(['redirect'])
  .then(data => {
    console.log('Route exists, redirection is done');
  })
  .catch(e => {
    console.log('Route not found, redirection stopped with no error raised');
  });

If the route is defined, redirection will happen. If not, you can execute some code in the catch block.




回答2:


I have the handling for preventing for the urls that doesn't exist

{path: 'dashboard', component: DashboardComponent}
{path: 'demo/:demo', component: DemoComponent},
{path: '**', redirectTo: '/dashboard'}

** means all the paths that are not able to redirect




回答3:


Maybe with something like this :

redirectUrl: string;

this.redirectUrl = this.authService.redirectUrl ? this.authService.redirectUrl : '/home';
this.router.navigate([this.redirectUrl]);

This will check if the redirect url exist, if not it will redirect to the alternative route /home (you can change home to whatever you like)

Edit: If you just want to check if this.authService.redirectUrl, you can try something like this :

if(this.authService.redirectUrl){
   //do what you want
}


来源:https://stackoverflow.com/questions/42763281/how-to-test-if-a-route-exists-in-angular2

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!