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

相关内容

热门资讯

黑科技了解!智星德州菠萝在哪下... 黑科技了解!智星德州菠萝在哪下载(ai辅助)原生是真的有挂(有挂漏洞)-哔哩哔哩准备好在智星德州菠萝...
辅助黑科技!aapoker透明... 1、辅助黑科技!aapoker透明挂(透视)竟然真的是有挂(有挂检测)-哔哩哔哩2、进入游戏-大厅左...
黑科技辅助!德州nzt实战(a... 1、黑科技辅助!德州nzt实战(ai代打)原先有挂(有挂合作)-哔哩哔哩2、进入游戏-大厅左侧-新手...
黑科技肯定!wopoker有没... 黑科技肯定!wopoker有没有外挂(透明挂)都是真的有挂(有挂针对)-哔哩哔哩;原来确实真的有挂(...
黑科技讲解!aapoker下载... 黑科技讲解!aapoker下载教程(黑科技ai)本然真的是有挂(有挂脚本)-哔哩哔哩1、很好的工具软...
黑科技辅助!wopoker系统... 1、黑科技辅助!wopoker系统套路(辅助挂)确实是有挂(有挂模拟器)-哔哩哔哩;详细教程。2、w...
黑科技存在!wepoke透视挂... 黑科技存在!wepoke透视挂怎么测试(透明挂)总是真的有挂(有挂苹果版)-哔哩哔哩;致您一封信;亲...
黑科技辅助!德州wpk辅助真的... 黑科技辅助!德州wpk辅助真的(ai代打)其实存在有挂(有挂玄学)-哔哩哔哩;人气非常高,ai更新快...
黑科技脚本!wepoke ai... 黑科技脚本!wepoke ai辅助(ai辅助)本然有挂(有挂胜率)-哔哩哔哩关于wepoke ai辅...
黑科技透明挂!来玩德州app辅... 黑科技透明挂!来玩德州app辅助软件(黑科技)一向有挂(有挂系统)-哔哩哔哩;人气非常高,ai更新快...