20 lines
555 B
TypeScript
20 lines
555 B
TypeScript
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(['...']));
|
|
}
|