Something went wrong. Try again.
Some angular code i wrote while following: Angular - The Complete Guide (2025 Edition)
Something went wrong. Try again.
767 B · 27 lines
HTML
at master
12345678910111213141516171819202122232425262728<article [class]="{ 'status-open': task().status === 'OPEN', 'status-in-progress': task().status === 'IN_PROGRESS', 'status-done': task().status === 'DONE' }"> <header> <h3>{{ task().title }}</h3> <p>{{ taskStatus() }}</p> </header> <p>{{ task().description }}</p> <form (ngSubmit)="onChangeTaskStatus(task().id, status.value)"> <select #status> <option value="open" [selected]="task().status === 'OPEN'">Open</option> <option value="in-progress" [selected]="task().status === 'IN_PROGRESS'"> In-Progress </option> <option value="done" [selected]="task().status === 'DONE'"> Completed </option> </select> <p> <button>Change Status</button> </p> </form></article>