Angular5 ParamMap和HttpClient

Question

如何通過Angular5中的服務讓ParamMap與HttpClient一起使用？

零件

// importing the service, ActivatedRoute, ParamMap, switchMap, etc

public value;
constructor(private myService: MyService, private activatedRouter: ActivatedRoute) { }

ngOnInit() {
    this.value = this.activatedRouter.paramMap
    .switchMap((params: ParamMap) => this.myService.getOne(params.get('id')));
  }

服務

import { HttpClient } from '@angular/common/http';
// ...
constructor(private httpClient: HttpClient) { }
getOne(id) {
    return this.httpClient.get(`http://my.api/${id}`);
  }

目前，如果我在組件中執行console.log(this.value) ，則會得到AnonymousSubject 。

問題是，如何使用ParamMap並從HttpClient獲取值？ 我知道我可以使用路由器快照-我已經完成了並且可以使用，但是我也希望這個例子也可以使用。

Answer 1

您需要subscription（）來獲取數據。 在訂閱中，您可以獲取數據

ngOnInit() {
   this.activatedRouter.paramMap
   .switchMap((params: ParamMap) =>   
      this.myService.getOne(params.get('id'))).subscribe((data:any)=>{
           this.value=data
   });
 }

Answer 2

根據CozyAzure的評論，最終的解決方案是

this.activatedRouter.paramMap
    .switchMap((params: ParamMap) =>
      this.myService.getOne(params.get('id')))
      .subscribe(data => value = data);
  }