angular - 如何使用@angular/http 返回字符串而不是 Observable

Question

我正在使用 .net 核心 WEB API 连接 Angular 4。

Web API 根据传入的 Id 以字符串形式返回 CustomerName。

这是 Angular 4 中的服务方法。我知道 angular/http 必须返回一个 Observable，因为它是一个异步调用。

但是我该如何返回一个字符串呢？或者如何从调用方法访问 Observable 对象中的数据？

    getCustomerName(id: number): Observable<any>{
return this._http.get(this.baseUrl + 'api/getCustomerName/' + id )
    .map((response: Response) => <any>response.json() )
    .catch(this.handleError);

Answer 1

要从 observable 访问数据，在您的服务中返回您从 api 获得的响应，如下所示:

getCustomerName(id: number): Observable<any>{
     return this._http.get(this.baseUrl + 'api/getCustomerName/' + id );
   }

并在您的组件中将服务方法调用为:

getCustomerName(id).subscribe(
   data => {
   console.log(JSON.parse(data));
},
error => {
   console.log(error);
});