12eb19fa3c
update docshredder to shred .es6 optimized focus gulp task convert imports and metadate sections add DI section add host and query metadata section add intro fix capitalization and grammar
43 lines
797 B
TypeScript
43 lines
797 B
TypeScript
import {
|
|
Component,
|
|
HostBinding,
|
|
HostListener,
|
|
NgModule
|
|
} from '@angular/core';
|
|
import { BrowserModule } from '@angular/platform-browser';
|
|
|
|
// #docregion
|
|
@Component({
|
|
selector: 'heroes-bindings',
|
|
template: `
|
|
<h1 [class.active]="active">
|
|
Tour of Heroes
|
|
</h1>
|
|
`
|
|
})
|
|
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
|
|
|
|
@NgModule({
|
|
imports: [ BrowserModule ],
|
|
declarations: [ HeroesComponent ],
|
|
bootstrap: [ HeroesComponent ]
|
|
})
|
|
export class HeroesHostBindingsModule { }
|