angular-cn/public/docs/_examples/toh-3/ts/app/hero-detail.component.ts
2015-12-16 18:08:38 -08:00

24 lines
539 B
TypeScript

// #docregion hero-detail-component
import {Component} from 'angular2/core';
// #docregion inputs
@Component({
selector: 'my-hero-detail',
template: `
<div *ngIf="hero">
<h2>{{hero.name}} details!</h2>
<div><label>id: </label>{{hero.id}}</div>
<div>
<label>name: </label>
<input [(ngModel)]="hero.name" placeholder="name"/>
</div>
</div>
`,
inputs: ['hero']
})
// #enddocregion inputs
export class HeroDetailComponent {
public hero: Hero;
}
// #enddocregion hero-detail-component