如何检测url是否为Angular上的段或参数
如何检测url是否为Angular上的段或参数
提问于 2021-04-02 22:21:49
你好，我有关于url路由的问题。
以下是应用程序路由路径示例
{ path: ':lang/:id', component: ClientPageComponent, canActivate: [ClientGuardService] },
{ path: ':lang/product', component: SearchPageComponent, canDeactivate: [ClientGuardService] }我想要检测path是否包含id load ClientPageComponent，但如果段不是id，我想要加载SearchPageComponent这里是basic [ClientGuardService]
import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot } from '@angular/router';
@Injectable()
export class ClientGuardService implements CanActivate {
canActivate(route: ActivatedRouteSnapshot): boolean {
if (isNaN(route.params.id)) {
return false
}
return true;
}
}回答 2
Stack Overflow用户
发布于 2021-04-02 23:16:12
您可以尝试从url中提取id参数并检查它是否存在。代码将如下所示：
import { Injectable } from '@angular/core';
import { Router, ActivatedRouteSnapshot, CanActivate } from '@angular/router';
@Injectable()
export class ClientGuardService implements CanActivate {
constructor(private router: Router) {}
canActivate(route: ActivatedRouteSnapshot): boolean {
let id = route.params['id'];
if (id){
return true;
} else {
this.router.navigate(['/lang/product']);
return false;
}
}
}Stack Overflow用户
发布于 2021-04-03 23:49:48
只有一个问题，我不得不切换线路末尾，即使不需要canActivate保护
{ path: ':lang/product', component: SearchPageComponent },
{ path: ':lang/:id', component: ClientPageComponent }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66920730
复制相关文章
相似问题
腾讯云开发者
