[英]How to chain calls to ng2-Translate, and rxjs observables in general?
我刚刚在Ionic 2(Angular 2)项目中开始使用ng2转换。 我发现当我需要一次获取几个字符串时,代码变得嵌套并且很难阅读。 我想知道为什么这样的东西(只发出一个值)需要使用可观察的东西,但是也许有一个很好的理由。 无论如何...
例如,假设我有4个字符串要在一个方法中的各个点读取
let result1: string;
let result2: string;
let result3: string;
let result4: string;
this.translate.get("key1").subscribe(value1 => {
result1 = value1;
this.translate.get("key2").subscribe(value2 => {
result2 = value2;
// do some other stuff, which may have another observable returned so yet another level of nesting)
this.translate.get("key3").subscribe(value3 => {
result3 = value3;
// do some other stuff
this.translate.get("key4").subscribe(value4 => {
result4 = value4;
}
}
...
现在想象一下,有四个以上的字符串。 同样,当它们之间还有其他代码时(例如,我也可以称为离子存储,它也返回一个Observable),该代码将变得非常嵌套-并且没有错误处理。
因此,问题是:是否有一种“奉承”的方式来做到这一点? 是否有任何链接(即使类似于Promise的链接),也可能包括错误处理(即使存在某种顶级catch块)
我已经看到了链接的其他示例,但是它们似乎更多地与运算符相关,而不是像上面这样的可观对象。
您不必将它们链接起来; 您可以使用combineLatest
合并可观察对象:
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/combineLatest';
Observable.combineLatest(
this.translate.get("key1"),
this.translate.get("key2"),
this.translate.get("key3"),
this.translate.get("key4")
)
.subscribe(([result1, result2, result3, result4]) => {
console.log(result1);
console.log(result2);
console.log(result3);
console.log(result4);
});
如果您预先知道所有键值,则可以使用带有字符串数组的translate.get()
重载...
从而:
this.translate.get(['key1','key2','key3','key4'])
.subscribe(keys => {
console.log(keys.key1);
console.log(keys.key2);
console.log(keys.key3);
console.log(keys.key4);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.