在 TypeScript 中使用 subscribe 方法操作值

Question

我用angular6

我通过 2 [formControl] "toppings":array 和 "toppings2":array 收听 2 种形式。

当我听其中一种时，我的代码运行良好，但当我使用操作 zip 时，日志随机来自一种或另一种形式。

我不知道如何操作 val 以获得预期的结果

我的代码：

ngOnInit() {

zip(this.toppings.valueChanges, this.toppings2.valueChanges).subscribe(val => 
            console.log(val[0] +val[1]);


}

Answer 1

您可以使用 combineLatest 而不是 zip

When any observable emits a value, emit the latest value from each.

combineLatest(this.form.get('toppings').valueChanges, this.form.get('toppings2').valueChanges)
    .subscribe(val => console.log(val))  // should print both form control values

勾选这个stackblitz

在 TypeScript 中使用 subscribe 方法操作值

Manipulating value by using subscribe method in TypeScript

javascript

zip

subscribe

rxjs

angular