RxJS. Подписка в подписке

Когда к нам в компанию приходят новые ребята, то обязательно делают подписку в подписке. Чтобы её избежать в простейшем случае надо использовать операторы mergeMap или switchMap.

import { of } from 'rxjs';
import { map, mergeMap } from 'rxjs/operators';

// грязно (subscribe hell)
of('Hello').subscribe(h => {
  of(h + ' world').subscribe(hw => {
    of(hw + '! (1)').subscribe(console.log)
  });
});

// лаконично. mergeMap или switchMap
of('Hello').pipe(
  mergeMap(h => of(h + ' world')),
  mergeMap(hw => of(hw + '! (2)')),
).subscribe(console.log);

Stackblitz

Похожие записи

Добавить css link и js script динамически

const link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css';
link.integrity = 'sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO'; // необязательно
link.crossOrigin = 'anonymous'; // необязательно
document.head.appendChild(link);

const script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.3.1.slim.min.js';
script.integrity = 'sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'; // необязательно
s...