ANGULARRXJS:运行两个BehaviorSubject,返回undefined
创始人
2024-10-29 09:30:03
0

在Angular中,当使用RxJS的BehaviorSubject时,可能会遇到一个问题,即同时运行两个BehaviorSubject,但最终返回undefined。这可以通过添加订阅器解决,以确保每个BehaviorSubject在其值发生更改时都被通知。

下面是示例代码,展示了如何添加订阅器以解决此问题:

import { BehaviorSubject } from 'rxjs';

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

{{value}}

` }) export class MyComponent implements OnInit { private firstSubject = new BehaviorSubject('firstValue'); private secondSubject = new BehaviorSubject('secondValue'); value: string; ngOnInit() { this.firstSubject.subscribe(() => { this.updateValue(); }); this.secondSubject.subscribe(() => { this.updateValue(); }); } updateValue() { this.value = this.firstSubject.value + ' ' + this.secondSubject.value; } }

在这个例子中,我们创建了两个BehaviorSubject对象,并添加了订阅器。每当任何一个BehaviorSubject的值更改时,它们都会通知订阅器。在updateValue()方法中,我们将这两个BehaviorSubject的值组合起来并将它们赋给value属性。这样就可以确保每个BehaviorSubject的更改能够正确地反映在最终的值中,而并不会返回undefined。

相关内容

热门资讯

第5分钟了解(微扑克模拟器)外... 【福星临门,好运相随】;第5分钟了解(微扑克模拟器)外挂透明挂辅助黑科技(透视)技巧教程(2022已...
第八分钟了解(WPK计算器)外... 您好:WPK计算器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
三分钟了解(微扑克模拟器)外挂... 三分钟了解(微扑克模拟器)外挂辅助插件安装科技(透视)德州论坛(2024已更新)(哔哩哔哩),微扑克...
4分钟了解(wpk模拟器)外挂... 4分钟了解(wpk模拟器)外挂辅助插件安装黑科技(透视)必备教程(2020已更新)(哔哩哔哩)是一款...
八分钟了解(微扑克脚本)外挂辅... 八分钟了解(微扑克脚本)外挂辅助插件安装软件(透视)微扑克教程(2023已更新)(哔哩哔哩);八分钟...
第3分钟了解(扑克之城)软件透... 【福星临门,好运相随】;第3分钟了解(扑克之城)软件透明挂辅助app(透视)可靠技巧(2020已更新...
第五分钟了解(wepoke模拟... 第五分钟了解(wepoke模拟器)软件透明挂辅助app(透视)解密教程(2022已更新)(哔哩哔哩)...
第七分钟了解(Wepokeap... 您好,wpk教程这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游...
第8分钟了解(WPK存在)外挂... 您好:WPK存在这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好...
8分钟了解(WepoKe)黑科... 8分钟了解(WepoKe)黑科技透明挂辅助app(透视)黑科技教程(2023已更新)(哔哩哔哩)是一...