<ul>
    <li *ngFor="let animal of animals | async">
        <span>{{ animal.name }}</span>
        <button (click)="upboat(animal.id)">👍</button>
        <span>{{ animal.upboats }}</span>
        <button (click)="downboat(animal.id)">👎</button>
        <span *ngIf="animal.hasPendingWrites">🕒</span>
    </li>
</ul>

<button (click)="newAnimal()">New animal</button>
