angular-async-pipe-and-share-replay.ts

import { Component } from '@angular/core';
import { interval } from 'rxjs';
import { shareReplay } from 'rxjs/operators';

@Component({
    template: `
<div>{{ count$ | async }}</div>
<div>{{ count$ | async }}</div>
`
})
export class CounterComponent {

    count$ = interval(1000)
        .pipe(shareReplay(1));

}