21 lines
579 B
TypeScript
21 lines
579 B
TypeScript
// #docregion
|
|
import { Component } from '@angular/core';
|
|
|
|
@Component({
|
|
selector: 'hero-birthday2',
|
|
// #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 HeroBirthday2Component {
|
|
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; }
|
|
}
|