<h2>Teams</h2>
<ul class="teams">
  <li *ngFor="let team of teams"
    [class.selected]="team === selectedTeam"
    (click)="onSelect(team)">
    <span class="badge">{{team.id}}</span> {{team.name}}
  </li>
</ul>

<div *ngIf="selectedTeam">

  <h2>{{selectedTeam.name | uppercase}} Details</h2>
  <div><span>id: </span>{{selectedTeam.id}}</div>
  <div>
    <label for="team-name">Team name: </label>
    <input id="team-name" [(ngModel)]="selectedTeam.name" placeholder="name">
  </div>

</div>