22 lines
470 B
TypeScript
22 lines
470 B
TypeScript
|
// #docregion
|
||
|
|
export function heroDetailDirective() {
|
||
|
|
return {
|
||
|
|
scope: {},
|
||
|
|
bindToController: {
|
||
|
|
hero: '=',
|
||
|
|
deleted: '&'
|
||
|
|
},
|
||
|
|
template: `
|
||
|
|
<h2>{{ctrl.hero.name}} details!</h2>
|
||
|
|
<div><label>id: </label>{{ctrl.hero.id}}</div>
|
||
|
|
<button ng-click="ctrl.onDelete()">Delete</button>
|
||
|
|
`,
|
||
|
|
controller: function() {
|
||
|
|
this.onDelete = () => {
|
||
|
|
this.deleted({hero: this.hero});
|
||
|
|
};
|
||
|
|
},
|
||
|
|
controllerAs: 'ctrl'
|
||
|
|
}
|
||
|
|
}
|