Multiple Async Pipes

multiple-async-pipe.ts

import {Observable} from 'rxjs/Observable';
import {defer} from 'rxjs/observable/defer';
import {of} from 'rxjs/observable/of';

@Component({
  selector: 'my-app',
  template: `
    <div>
      Data: {{data$ | async}} <!-- 0.2762838374749106 -->
    </div>
    <div>
      Data: {{data$ | async}} <!-- 0.4848979749053728 -->
    </div>
  `,
})
export class App {
  data$: Observable<number> = defer(() => of(Math.random()));
}