Для вывода промежуточного времени в таймере RxJS в Angular, мы можем использовать операторы interval
и scan
в сочетании с пайпом async
.
Первым шагом, установите RxJS, если он еще не установлен, выполните команду npm install rxjs
в каталоге вашего проекта.
Затем импортируйте нужные операторы и типы данных RxJS в компонент Angular, где вы хотите использовать промежуточное время.
import { interval } from 'rxjs'; import { scan } from 'rxjs/operators';
В вашем компоненте добавьте переменную time
и timer
Observable.
time: number = 0; timer = interval(1000).pipe( scan(acc => acc + 1) );
interval(1000)
создает Observable, который генерирует числа каждую секунду. Затем, с помощью оператора scan
, мы получаем сумму всех этих чисел, которая будет представлять промежуточное время.
В шаблоне вашего компонента вы можете отобразить промежуточное время с помощью async
пайпа.
<p>Промежуточное время: {{ timer | async }} секунд</p>
Теперь при запуске вашего приложения вы увидите, что таймер будет начинать отсчет и каждую секунду будет обновлять значение переменной time
.
Надеюсь, это поможет вам вывести промежуточное время в таймере RxJS в Angular.