在Angular 7中获取ActivatedRoute参数无效的问题通常是由于使用错误的方法或语法导致的。以下是一些可能的解决方法:
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route.params.subscribe(params => {
const paramValue = params['paramName'];
// 使用参数值进行其他操作
});
}
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) {}
ngOnInit() {
const paramValue = this.route.snapshot.params['paramName'];
// 使用参数值进行其他操作
}
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: 'example/:paramName', component: ExampleComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { ActivatedRoute } from '@angular/router';
import { Subscription } from 'rxjs';
constructor(private route: ActivatedRoute) {}
private routeSubscription: Subscription;
ngOnInit() {
this.routeSubscription = this.route.params.subscribe(params => {
const paramValue = params['paramName'];
// 使用参数值进行其他操作
});
}
ngOnDestroy() {
this.routeSubscription.unsubscribe();
}
这些解决方法可以帮助您在Angular 7中正确获取ActivatedRoute参数。如果问题仍然存在,请检查您的代码是否存在其他错误,如路由配置错误或组件间的参数传递问题。
上一篇:Angular 7缓存问题
下一篇:Angular 7获取子路由参数