games.component.html

<h2>Games</h2>
<table class="games">
  <tr *ngFor="let game of games">
    <span class="badge">{{game.id}}</span>
    <th>{{game.gameDateTime}}</th>
    <th>{{game.homeTeam.name}}</th>
    <th>{{game.awayTeam.name}}</th>
    <th>{{game.homeTeamScore}}:{{game.awayTeamScore}}</th>
    <th>
      <app-delete-game-button (onDelete)="triggerRefreshEvent()" [id]=game.id></app-delete-game-button>
    </th>
  </tr>
</table>

<app-update-game-score-form [model]=games[0]></app-update-game-score-form>
<app-update-game-winner-form [game]=games[0]></app-update-game-winner-form>