25 lines
717 B
HTML
25 lines
717 B
HTML
|
<!-- #docregion -->
|
||
|
|
<div class="hero-detail">
|
||
|
|
<!-- #docregion pipe-usage -->
|
||
|
|
<h2>{{hero.name | initCaps}} is {{userName}}'s current super hero!</h2>
|
||
|
|
<!-- #enddocregion pipe-usage -->
|
||
|
|
<div>
|
||
|
|
<button (click)="onDelete()" [disabled]="!hero">Delete</button>
|
||
|
|
<button (click)="onUpdate()" [disabled]="!hero">Update</button>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<label>Id: </label><span class="hero-id">{{hero.id}}</span></div>
|
||
|
|
<div>
|
||
|
|
<label>Name: </label>
|
||
|
|
<input [(ngModel)]="hero.name" placeholder="name">
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<label>Power: </label>
|
||
|
|
<input [(ngModel)]="hero.power" placeholder="super power">
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<label>Alter Ego: </label>
|
||
|
|
<input [(ngModel)]="hero.alterEgo" placeholder="alter ego">
|
||
|
|
</div>
|
||
|
|
</div>
|