/Javascript/AngularJS/Angular wait all subscriptions

Angular wait all subscriptions

// Concat 
let first = Observable.timer(10,500).map(r => {
  return {source:1,value:r};
}).take(4);
let second = Observable.timer(10,500).map(r => {
  return {source:2,value:r};
}).take(4);
first.concat(second).subscribe(res => this.concatStream.push(res));
// This will merge the two but you will receive the first observable result before the second:
// 0 1 2 3 0 1 2 3

// Merge
let first = Observable.timer(10,500).map(r => {
  return {source:1,value:r};
}).take(4);
let second = Observable.timer(10,500).map(r => {
  return {source:2,value:r};
}).take(4);
first.merge(second).subscribe(res => this.mergeStream.push(res));

// You will get:
// 0 0 1 1 2 2 3 3

// Fork Join
let first = Observable.of({source:1,value:1});
let second = Observable.of({source:2,value:1});
Observable.forkJoin(first,second).subscribe((res:Array) => this.forkJoinStream = res);

// FlatMap
let first = Observable.of(10);
first.flatMap((operand1) => {
  return Observable.of(operand1 + 10);
})
.subscribe(res => this.flatMappedStreams = {msg: '10 + 10 = ' + res});

Source: stackoverflow.com

Similar codes

2 votes179 views1 answer
Angular valuechanges get id
Javascript AngularJS
1 vote197 views4 answers
Get rid of white space around Angular Material modal dialog
Javascript AngularJS
9 votes174 views3 answers
Angular append array to another
Javascript AngularJS
0 vote228 views1 answer
No provider service angular
Javascript AngularJS
0 vote174 views1 answer
Use node js as backend with angular frontend
Javascript AngularJS
0 vote192 views1 answer
USA phone number validator angular
Javascript AngularJS
20 votes191 views4 answers
Create angular component using cli
Javascript AngularJS
2 votes186 views1 answer
Angular rebuild
Javascript AngularJS
4 votes183 views3 answers
In angular how to get router url without query params
Javascript AngularJS
4 votes236 views3 answers
Pass data from parent to child component angular 8
Javascript AngularJS