garage-doors.ng.html

<div class="container">
  <header>
    <h1>Garage Doors</h1>
  </header>
 
  <ul>
    <li ng-repeat="door in vm.doors" ng-class="[door.status, door.animationClass]" class="door slide animated">
      {{door.name}}
      <div class="actions">
        <button ng-click="vm.toggleDoor(door)">{{vm.actionText(vm.oppositeAction(door.status))}} Door</button>
      </div>
    </li>
  </ul>
</div>