<h2>List Notes</h2>
<!-- link menuju ke add note -->
<button [routerLink]="'/add-note'">Add Note</button>

<ul>
  <!-- looping async -->
  <li *ngFor="let list of list | async">
    {{list.judul}}
    <br>
    {{list.tgl}}
    <button [routerLink]="['/edit-note', list.id]">Edit</button>
    <button (click)="deleteNote(list.id)">Hapus</button>
  </li>
</ul>