Angular 2 templates use a special Async pipe to be able to render out Observables. This lesson covers the syntax used to create an Observable in Angular 2 and then to render it out in the template.

 

import {Component} from 'angular2/core';import {bootstrap} from 'angular2/platform/browser';import {Observable} from 'rxjs/Observable';import 'rxjs/add/observable/interval'@Component({    selector: 'app',    template: `
{
   {clock | async}}
`})class App {    clock = Observable.interval(1000);}bootstrap(App);