BehaviorSubject在其他Angular组件上仅发出初始值
创始人
2024-11-28 02:00:49
0

该问题由于 BehaviorSubject 在订阅以前就已经发出了一次初始值,因此在其他组件中订阅时仅能接收到该值。以下是解决方法的代码示例:

在服务中定义 BehaviorSubject:

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable()
export class DataService {
  private messageSource = new BehaviorSubject("default message");
  currentMessage = this.messageSource.asObservable();

  changeMessage(message: string) {
    this.messageSource.next(message);
  }
}

在组件中订阅 BehaviorSubject 时,可以通过 take(1) 操作符只取一次值,从而避免接收到初始值:

import { Component, OnInit } from '@angular/core';
import { DataService } from '../data.service';

@Component({
  selector: 'app-other-component',
  template: `
    

{{ message }}

`, styleUrls: ['./other-component.component.css'] }) export class OtherComponentComponent implements OnInit { message: string; constructor(private data: DataService) { } ngOnInit() { this.data.currentMessage.pipe(take(1)).subscribe(message => this.message = message); } }

这样,在订阅时就可以避免接收到 BehaviorSubject 的初始值,而只接收到最新的值。

相关内容

热门资讯

透视智能ai!Wepoke透明... 透视智能ai!Wepoke透明挂软件透明挂辅助脚本,cloudpoker外挂,详细教程(有挂方法)-...
重大来袭!德州之星app安卓版... 重大来袭!德州之星app安卓版!的确真的有挂((2022已更新))(哔哩哔哩);亲,其实确实真的有挂...
9分钟了解!wpk线上实战(透... 9分钟了解!wpk线上实战(透视)透视辅助((2020已更新))(哔哩哔哩);无聊就玩这款wpk真的...
一分钟揭秘!Wepoke插件软... 一分钟揭秘!Wepoke插件软件透明挂辅助APP,鱼扑克辅助,详细教程(有挂工具)-哔哩哔哩是一款可...
透明黑科技!wepoke辅助真... 透明黑科技!wepoke辅助真的假的!原来真的有挂((2025已更新))(哔哩哔哩);一、wepok...
7分钟科普!wepoke软件透... 7分钟科普!wepoke软件透明功能实现方法(透视)透视辅助((2021已更新))(哔哩哔哩)1、打...
一分钟揭秘!Wepoke大厅外... 一分钟揭秘!Wepoke大厅外挂透视辅助器安装,wepoke游戏辅助工具,详细教程(有挂透明挂)-哔...
总算了解!微扑克被系统制裁!确... 总算了解!微扑克被系统制裁!确实真的有挂((2020已更新))(哔哩哔哩)关于微扑克的基本介绍、功能...
四分钟实锤!云扑克app辅助(... 1、四分钟实锤!云扑克app辅助(透视)透视辅助((2023已更新))(哔哩哔哩);详细教程。2、云...
来一盘!wpk透视辅助合作!确... 来一盘!wpk透视辅助合作!确实真的有挂((2021已更新))(哔哩哔哩);wpk透视辅助简单的灵活...