订阅未在 Angular 2 中定义？

Question

我正在 Angular 2 中创建一个演示应用程序，并希望在我的组件中控制台 params['id']，id 来自查询参数。

为了实现这一点，我在我的组件中这样做：

ngOnInit(): void {
     this.route.params
          .switchMap(
           (params: Params) => 
                this.heroService.getHero(+params['id']);
                console.log("ID :",params['id'])
           ).subscribe(hero => this.hero = hero);
    };

但我得到了这个错误：

core.umd.js:3491 EXCEPTION: Uncaught (in promise): Error: Error in :0:0 caused by: params is not defined
ReferenceError: params is not defined

请建议我必须做什么来控制参数的 id ？

Answer 1

您需要有{} 才能向箭头函数添加更多语句。我想你可能想做：

    ngOnInit(): void {
         this.route.params
              .switchMap((params: Params) => {
  console.log("ID :",params['id']));
  return this.heroService.getHero(+params['id']);
  }) .subscribe(hero => this.hero = hero);
};

为什么要回来？

switchmap 返回的 Observable 在subscribe 函数中订阅。在箭头函数的情况下 ()=>statment 等价于()=>{return statement;}

当您添加附加语句并使用大括号时，您需要添加缺少的返回。

Answer 2

如果你想要多个语句，你需要一个块{}：

ngOnInit(): void {
  this.route.params
  .switchMap((params: Params) => {
    var hero = this.heroService.getHero(+params['id']);
    console.log("ID :",params['id']);
    return hero;
  })
  .subscribe(hero => this.hero = hero);
}

或

ngOnInit(): void {
  this.route.params
  .switchMap((params: Params) => {
    console.log("ID :",params['id']);
    return this.heroService.getHero(+params['id']);
  })
  .subscribe(hero => this.hero = hero);
}