Angular / 如何获取 api 返回数据答案

【问题标题】：Angular / how to get the api return dataAngular / 如何获取 api 返回数据
【发布时间】：2018-08-15 08:41:37
【问题描述】：

我使用管道和映射来发送返回值。

add(content): Observable<Comment> {
    return this.apiService
               .post('/api/comment/', comment)
               .pipe(map(data => data.comment));
}

我想检查“数据”值。

例如，使用console.log

add(content): Observable<Comment> {
     return this.apiService
                .post('/api/comment/', comment)
                .pipe(map(data => data.comment, data => console.log('data.comment :', data.comment)));
}

在这种情况下，它不起作用。

我想知道在这种情况下如何使用它。

【问题讨论】：

你订阅了吗？
是的。已订阅。

标签： angular typescript pipe observable

【解决方案1】：

只需使用tap 运算符与map 结合使用

add(content): Observable<Comment> {
     return this.apiService.post('/api/comment/', comment)
                           .pipe(tap(data => console.log('data.comment :', data.comment)),
                                 map(data => data.comment));
}

tap 用于当您不需要更改响应形状、需要记录或添加到本地存储等时。

【讨论】：