29 lines
556 B
TypeScript
29 lines
556 B
TypeScript
|
import {Component, HostBinding, HostListener} from 'angular2/core';
|
||
|
|
|
||
|
|
// #docregion
|
||
|
|
@Component({
|
||
|
|
selector: 'heroes-bindings',
|
||
|
|
template: `<h1 [class.active]="active">
|
||
|
|
Tour of Heroes
|
||
|
|
</h1>`
|
||
|
|
})
|
||
|
|
export class HeroesComponent {
|
||
|
|
@HostBinding() title = 'Tooltip content';
|
||
|
|
@HostBinding('class.heading')
|
||
|
|
hClass = true
|
||
|
|
active:boolean;
|
||
|
|
|
||
|
|
constructor() {}
|
||
|
|
|
||
|
|
@HostListener('click')
|
||
|
|
clicked() {
|
||
|
|
this.active = !this.active;
|
||
|
|
}
|
||
|
|
|
||
|
|
@HostListener('dblclick', ['$event'])
|
||
|
|
doubleClicked(evt:Event) {
|
||
|
|
this.active = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// #enddocregion
|