25 lines
594 B
TypeScript
25 lines
594 B
TypeScript
// Version #2
|
|
// #docregion
|
|
import {Component} from 'angular2/core'
|
|
|
|
@Component({
|
|
selector: 'hero-birthday',
|
|
// #docregion template
|
|
template: `
|
|
<p>The hero's birthday is {{ birthday | date:format }}</p>
|
|
<button (click)="toggleFormat()">Toggle Format</button>
|
|
`
|
|
// #enddocregion template
|
|
})
|
|
// #docregion class
|
|
export class HeroBirthday {
|
|
birthday = new Date(1988,3,15); // April 15, 1988
|
|
|
|
toggle = true; // start with true == shortDate
|
|
|
|
get format() { return this.toggle ? 'shortDate' : 'fullDate'}
|
|
|
|
toggleFormat() { this.toggle = !this.toggle; }
|
|
}
|
|
// #enddocregion class
|