gpt4 book ai didi

Angular2 this.route.params.map

转载 作者:太空狗 更新时间:2023-10-29 18:05:23 24 4
gpt4 key购买 nike

Angular2 我懒加载模块并设置子路由如下

module.ts

const routes: Routes = [
{ path: '', component: ProgramsComponent},
{ path: 'create/:id', component: CreateProgramComponent}

];

这里是使用“创建”路径的链接

<a [routerLink]="['create','123']" class="btn btn-primary">New</a>

在接收器组件中尝试提取 id 值,如下所示

constructor(private route: ActivatedRoute, private programService:ProgramService) {

this.route.params
.map(params => params['id'])
.switchMap(id => this.programService.getProgramById(id))
.subscribe(program => this.model = program);
}

我遇到了以下错误,感谢任何帮助

core.umd.js:3462 EXCEPTION: Uncaught (in promise): TypeError: this.route.params.map is not a function
TypeError: this.route.params.map is not a function

最佳答案

添加以下两行:

import 'rxjs/add/operator/map';
import 'rxjs/add/operator/switchMap';

RxJs 是一个个operator 带进来的,保证你只加载你需要的。在您的情况下,您使用的是两个运营商; mapswitchMap

关于Angular2 this.route.params.map,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40272258/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com