arrays - 订阅 Angular 6

标签 arrays angular typescript subscribe

toppings : Array
toppings2 : Array

我有 2 种订阅方法:

this.toppings.valueChanges.subscribe(val=> { 
console.log(val);
}

this.toppings2.valueChanges.subscribe(val2=> { 
console.log(val2);
}

我想在同一个函数中使用 val 和 val2。我怎样才能在同一个地方获得 val 和 val2? (或 val3=val+val2)

最佳答案

combineLatest 将为您提供最新版本的 toppings 和 toppings2。

https://www.learnrxjs.io/operators/combination/combinelatest.html

大理石图:http://rxmarbles.com/#combineLatest

例子:

import {combineLatest} from 'rxjs';

combineLatest(this.toppings.valueChanges, this.toppings2.valueChanges )
                          .subscribe( ([topping1val, topping2val]) => {
                                      let topping3 = topping1val + topping2val;
                                 });

关于arrays - 订阅 Angular 6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52171218/

相关文章:

C++ 返回数组

java - 使用 if 和 while 接受数组中的元素

javascript - 我如何正确处理依赖于 ViewChild 的组件的变化检测和 Angular 2 中可观察到的数据?

angular - 安装 ng 添加 @ng-bootstrap/ng-bootstrap 时出错

angular - 在 Angular CLI : Cannot redeclare block-scoped variable 'ngDevMode' 中获取构建错误

typescript - WebStorm IDE 对 Vue 3 Composition API 的支持真的很差还是我的配置搞砸了?

javascript - Ajax请求返回空数组

python - 在 csv 文件中的所有行组合中应用字符串匹配逻辑

javascript - 无法访问 anglarjs2+ 中动态创建的数组的对象属性

javascript - 通过增加 javascript 中的数字使记录唯一