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

相关内容

热门资讯

透视科技!德普之星辅助器app... 透视科技!德普之星辅助器app(透视)辅助器(总是存在有挂);1、打开软件启动之后找到中间准星的标志...
透视肯定!aapoker怎么拿... 透视肯定!aapoker怎么拿好牌(透视)透视插件(一直是真的有挂)1、实时aapoker怎么拿好牌...
透视好友房!德普之星的辅助工具... 透视好友房!德普之星的辅助工具介绍(透视)辅助器(竟然是真的有挂);小薇(透视辅助)致您一封信;亲爱...
透视私人局!aapoker怎么... 透视私人局!aapoker怎么提高中牌率(透视)真的假的(真是真的有挂)1、任何aapoker怎么提...
透视软件!德普之星怎么设置埋牌... 透视软件!德普之星怎么设置埋牌(透视)透视挂(总是是有挂)1、实时德普之星怎么设置埋牌开挂更新:用户...
透视能赢!aapoker透视脚... 透视能赢!aapoker透视脚本入口(透视)真的假的(果然真的有挂)aapoker透视脚本入口辅助器...
透视软件!德普之星透视辅助(透... 透视软件!德普之星透视辅助(透视)app安卓版破解版(一贯真的是有挂)1、这是跨平台的德普之星透视辅...
透视科技!aa poker透视... 透视科技!aa poker透视软件(透视)透视脚本(原来真的是有挂);一、aa poker透视软件软...
透视玄学!德普之星透视辅助插件... 透视玄学!德普之星透视辅助插件(透视)辅助软件(一贯是有挂)1、上手简单,内置详细流程视频教学,新手...
透视实锤!aapoker透视怎... 透视实锤!aapoker透视怎么用(透视)辅助插件工具(竟然真的是有挂)1.aapoker透视怎么用...