对于下面的路由器,当/
禁止访问路由AdalGuard
或其子路由之一时,是否可以设置替代路由(例如,例如/int
?
我知道我可以在保护类内部执行此操作,方法是在保护类内部调用.navigateByUrl()
或返回UrlTree
。但是在这种情况下,AdalGuard
来自程序包“ adal-angular4”,所以我不能这样做。
是否有指向其他路由的类似“ Else”或“ Catch”的指针,可以放入受保护路由的定义之内?
非常感谢。
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ExtMainComponent } from './ext/ext-main/ext-main.component';
import { IntMainComponent } from './int/int-main/int-main.component';
import { EmailSenderComponent } from './int/email-sender/email-sender.component';
import { AdalGuard } from 'adal-angular4';
const routes: Routes = [
{path: 'ext', component: ExtMainComponent},
{
path: 'int', component: IntMainComponent, canActivate: [AdalGuard], children: [
{path: 'email', component: EmailSenderComponent}
]
},
{path: '**', redirectTo: '/'}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {
}
AdalGuard
本身很简单,如果您查看source code。
您可以将其分叉或扩展。我会分叉它,以便您可以完全控制该功能。
import { Injectable } from '@angular/core';
import { Router, UrlTree, ActivatedRouteSnapshot, CanActivate, CanActivateChild, RouterStateSnapshot } from '@angular/router';
import { Observable } from 'rxjs';
import { AdalService } from './adal.service';
@Injectable()
export class MyAdalGuard implements CanActivate, CanActivateChild {
constructor(private adalService: AdalService,
private router: Router
) { }
canActivate(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): boolean | UrlTree {
if (this.adalService.userInfo.authenticated) {
return true;
}
return this.router.parseUrl('/some-url');
}
public canActivateChild(
childRoute: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): boolean | UrlTree {
return this.canActivate(childRoute, state);
}
}