Angular异步管道减少了流值,而不是显示最新的发射。
创始人
2024-10-30 12:00:15
0

可以在管道中使用RxJS的“tap”操作符来获取最新的值,然后用“startWith”操作符将其初始值发送到管道中。具体代码如下所示:

// 在组件模板中,使用异步管道来显示用户的名称

{{ (user$ | async)?.name }}

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { tap, startWith } from 'rxjs/operators';

interface User {
  id: number;
  name: string;
}

@Component({
  selector: 'app-user',
  template: `...`,
})
export class UserComponent implements OnInit {
  user$: Observable;

  ngOnInit() {
    this.user$ = this.userService.getUser().pipe(
      tap((user) => console.log(user)), // 获取最新的值并打印到控制台
      startWith(null) // 将初始值 null 发送到管道中
    );
  }
}

相关内容

热门资讯

外挂(Wepoke软件)竟然是... 外挂(Wepoke软件)竟然是真的有挂!其实真的有挂(2021已更新)(哔哩哔哩);原来确实真的有挂...
7分钟了解!东游麻将是跑得快软... 自定义系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想分享给你好...
第6最新版(WPK辅助)外挂辅... 第6最新版(WPK辅助)外挂辅助器安装(辅助挂)透视辅助(2024已更新)(哔哩哔哩)WPK辅助平台...
ai代打(wepoke能赢)其... 1、ai代打(wepoke能赢)其实是真的有挂!其实真的有挂(2020已更新)(哔哩哔哩);详细教程...
三分钟普及!友乐麻将赢牌外挂透... 三分钟普及!友乐麻将赢牌外挂透明挂辅助-友乐麻将赢牌原来真的有挂(2021已更新)1、ai辅助优化,...
三插件挂(wpk辅助)外挂辅助... 自定义wpk辅助系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想...
智能(Wepoke新更新)确实... 智能(Wepoke新更新)确实是真的有挂!原来真的有挂(2020已更新)(哔哩哔哩)1、许多玩家不知...
六分钟普及!哈灵麻将胡牌神器外... 六分钟普及!哈灵麻将胡牌神器外挂辅助-哈灵麻将胡牌神器原来真的有挂(2022已更新)1、金币登录送、...
5免费(Wepoke必备)软件... 5免费(Wepoke必备)软件透明挂辅助软件(辅助挂)透视辅助(2020已更新)(哔哩哔哩)1、完成...
智能(Wepoke透明挂)竟然... 智能(Wepoke透明挂)竟然真的有挂!原来真的有挂(2024已更新)(哔哩哔哩);科技详细教程小薇...