import {Component} from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {Observable} from 'rxjs';
import {map, startWith} from 'rxjs/operators';

@Component({
  selector: 'app-component',
  template: `
    <hello-world-app></hello-world-app>
    <div>The current time is {{ time$ | async }}</div>
  `})
export class AppComponent {
  constructor(private http: HttpClient) {
  }

  time$ = this.http.get('http://worldclockapi.com/api/json/pst/now').pipe(
    map((result: any) => result.currentDateTime),
    startWith(['...']));
}