Skip to content

Instantly share code, notes, and snippets.

@vietduchelo
Created March 28, 2018 03:49
Show Gist options
  • Save vietduchelo/8051e08481c7e3004d53d5df9237c5db to your computer and use it in GitHub Desktop.
Save vietduchelo/8051e08481c7e3004d53d5df9237c5db to your computer and use it in GitHub Desktop.
<div *ngIf="hero">
<h2>{{ hero.name | uppercase }} Details</h2>
<div><span>id: </span>{{hero.id}}</div>
<div>
<label>name:
<input [(ngModel)]="hero.name" placeholder="name"/>
</label>
</div>
</div>
h2>My Heroes</h2>
<ul class="heroes">
<li *ngFor="let hero of heroes"
[class.selected]="hero === selectedHero"
(click)="onSelect(hero)">
<span class="badge">{{hero.id}}</span> {{hero.name}}
</li>
</ul>
<app-hero-detail [hero]="selectedHero"></app-hero-detail>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment