Angular 如何获取错误链接的URL
在我的应用程序中,我有一个与路由器的通配符匹配的组件来捕获广告链接,如下所示:Angular 如何获取错误链接的URL,angular,Angular,在我的应用程序中,我有一个与路由器的通配符匹配的组件来捕获广告链接,如下所示: const route: Routes = [ { path: '', component: HomeComponent }, { path: 'signup', component: SignupComponent }, { path: 'login', component: LoginComponent }, (etc) { path: '**', component: Badlin
const route: Routes = [
{ path: '', component: HomeComponent },
{ path: 'signup', component: SignupComponent },
{ path: 'login', component: LoginComponent },
(etc)
{ path: '**', component: BadlinkComponent }
];
在BadlinkComponent中,我导入AcivatedRoute对象:
export class BadlinkComponent implements OnInit {
constructor(private router: ActivatedRoute) { }
但是我找不到给我错误路线的属性或方法。有人能指出我遗漏了什么吗?你可以使用
ActivatedRoute的url
方法
const url: Observable<string> = route.url.map(segments => segments.join(''));
consturl:Observable=route.url.map(segments=>segments.join(“”));
您可以使用快照
捕获url
export class BadlinkComponent implements OnInit {
constructor(private router: ActivatedRoute) {
console.log(router.snapshot['_routerState'].url);
}
}
当您不经常使用快照属性时,它很容易丢失和误解。\u routerState
是供内部使用的,因此最好使用公共api