angular - 不显示异步的自定义管道

Question

我正在尝试使用 id 来获取用户数据。管道接收 id 并使用基于 id 请求用户数据并返回 Observable 用户数据的服务。

这是管道：

export class UserPipe implements PipeTransform {

  constructor(private userService: UserService) {}

  transform(value: number): Observable<User> {


      return this.userService.getFriendBy(value)
 }

}

我尝试按如下方式使用管道：

<h2 float-left>{{  (chat.user_to_chat_id | user)?.first_name | async }}</h2>

标签： angularpipe