home.page.html

gistfile1.txt

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Todos List
    </ion-title>
    <ion-buttons slot="end">
      <ion-button routerLink="/add" routerDirection="forward">
        <ion-icon slot="icon-only" name="add-circle"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list *ngFor="let todo of todos">
    <ion-item-sliding #item>
      <ion-item>
        {{todo.title}}
      </ion-item>
      <ion-item-options side="start">
        <button ion-button color="light" routerLink="/todo/{{todo._id}}">Done</button>
      </ion-item-options>
      <ion-item-options side="end">
        <button ion-button color="light" routerLink="/todo/{{todo._id}}">Edit</button>
        <button ion-button color="danger" routerLink="/todo/{{todo._id}}">Delete</button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
</ion-content>