/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

0 vote107 views1 answer
Angular UI datepicker is getting wrong date
Javascript AngularJS
1 vote137 views1 answer
Angular directive output
Javascript AngularJS
0 vote135 views1 answer
Angular material moduel
Javascript AngularJS
0 vote115 views1 answer
Angular loop through key values in map
Javascript AngularJS
0 vote76 views1 answer
Angular material inline list
Javascript AngularJS
8 votes120 views3 answers
Angular deployment
Javascript AngularJS
0 vote123 views1 answer
Angular bootstrap path
Javascript AngularJS
0 vote112 views2 answers
Unknown Provider angularjs
Javascript AngularJS
0 vote120 views1 answer
@angular/common
Javascript AngularJS
0 vote120 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS