40 lines
907 B
JavaScript
40 lines
907 B
JavaScript
(function(app) {
|
|
|
|
// #docregion
|
|
var HeroesComponent = ng.core.Component({
|
|
selector: 'heroes-bindings',
|
|
template: '<h1 [class.active]="active">' +
|
|
'Tour of Heroes' +
|
|
'</h1>',
|
|
host: {
|
|
'[title]': 'title',
|
|
'[class.heading]': 'hClass',
|
|
'(click)': 'clicked()',
|
|
'(dblclick)': 'doubleClicked($event)'
|
|
}
|
|
}).Class({
|
|
constructor: function() {
|
|
this.title = 'Tooltip content';
|
|
this.hClass = true;
|
|
},
|
|
clicked: function() {
|
|
this.active = !this.active;
|
|
},
|
|
doubleClicked: function(evt) {
|
|
this.active = true;
|
|
}
|
|
});
|
|
// #enddocregion
|
|
|
|
app.HeroesHostBindingsModule =
|
|
ng.core.NgModule({
|
|
imports: [ ng.platformBrowser.BrowserModule ],
|
|
declarations: [ HeroesComponent ],
|
|
bootstrap: [ HeroesComponent ]
|
|
})
|
|
.Class({
|
|
constructor: function() {}
|
|
});
|
|
|
|
})(window.app = window.app || {});
|