RxJS. Delay from array

Опубликовано в JavaScript, RxJS • 26 января 2019 г. • 1 мин. на чтение

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

from([2,4,6,8]).pipe(
  concatMap(item => of(item).pipe(delay(1000)))
).subscribe(console.log);

Stackblitz (in console):

https://stackoverflow.com/questions/42413969/how-can-i-create-an-observable-with-a-delay

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

Javascript поиск/фильтр по таблице

Живой поиск по ячейкам таблицы на Javascript

Про модули в JavaScript

Примеры кода в модульных системах es, amd, cjs, iife, umd, system.js из rollupjs repl

Semantic UI dropdown change handler and disabling another element

Как организовать доступность одного элемента от выбранного значения другого (dropdown) элемента

JS. Добавить параметр к URL без перезагрузки

function updateURL() {
    if (history.pushState) {
        var baseUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
        var newUrl = baseUrl + '?tyapk=awesome';
        history.pushState(null, null, newUrl);
    }
    else {
        console.warn('History API не поддерживается');
    }
}

https://gist.github.com/excalq/2961415#gistcomment-2178956

Angular. Когда не надо отписываться в RxJS?

В async pipe за вас отпишется Angular. Во всех остальных случаях лучше отписываться самостоятельно. Допускается не отписываться в потоках, где будет гарантировано вызван complete.

Проблема заключалась в следующем: когда имеется интерактивный элемент с :focus стилем и вы щелкаете по этому элементу, на нём остаётся focus стиль (outline обводка). У нативной кнопки всё работает as expected, но стоит её добавить любой стиль и, как побочный эффект, меняется её поведение.