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 发送到管道中
    );
  }
}

相关内容

热门资讯

透视黑科技!wpk脚本下载,安... 透视黑科技!wpk脚本下载,安装不了wepoker,实用技巧(原来是有挂)准备好在wpk脚本下载ia...
透视透视挂!德普之星辅助正版,... 【福星临门,好运相随】;透视透视挂!德普之星辅助正版,竞技联盟透视插件,攻略教程(本来存在有挂);暗...
透视肯定!wepoker作弊辅... WePoke高级策略深度解析‌;透视肯定!wepoker作弊辅助,来玩app破解版,2025教程(本...
透视神器!智星德州菠萝插件官网... 透视神器!智星德州菠萝插件官网,wepoker透视脚本是什么,详细教程(一贯真的有挂);支持多人共享...
透视挂!wepoker辅助器怎... 透视挂!wepoker辅助器怎么用,aapoker怎么提高中牌率,教你教程(一向有挂);免费wepo...
透视线上!智星德州辅助译码插件... 相信很多朋友都在电脑上玩过智星德州辅助译码插件靠谱吗吧,但是很多朋友都在抱怨用电脑玩起来不方便。为此...
透视插件!wpk辅助工具,安装... 【福星临门,好运相随】;透视插件!wpk辅助工具,安装不了wepoker,可靠教程(好像有挂);暗藏...
透视玄学!wpk辅助插件叫什么... 透视玄学!wpk辅助插件叫什么,xpoker辅助工具,必赢方法(往昔是有挂);原来确实真的有挂(需添...
透视讲解!wpk透视脚本下载,... 透视讲解!wpk透视脚本下载,约局吧辅助器,新2025版(本然有挂);原来确实真的有挂(需添加指定薇...
透视好牌!红龙poker透视,... 透视好牌!红龙poker透视,哈糖大菠萝攻略,第三方教程(好像真的有挂);1分钟了解详细教程(微信 ...