[Angular 2] Rendering an Observable date with the Async and date Pipes

Instead of simply pushing numbers on a timer into the template, now we'll move on to pushing actual Dates. We'll still use the Async pipe, but we'll also add on the date pipe with some formatting to display the date just the We want it.

Import {Component} from 'Angular2/core'; import {bootstrap} from 'Angular2/platform/browser'; import {Observable} from 'rxjs/observable'; Import'Rxjs/add/observable/interval'; Import'Rxjs/add/operator/map'; @Component ({selector:'app', Template: 'Async| Date'YMMMMEEEEDJMS'}}`})classApp {Clock= Observable.interval ( +). Map (()=NewDate ());} Bootstrap (APP);

Monday, April, 10:16:50 PM

[Angular 2] Rendering an Observable date with the Async and date Pipes