Guest User

Untitled

a guest
Apr 22nd, 2021
18
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.01 KB | None | 0 0
  1. <div class="container">
  2.  
  3. <div class="content">
  4. <div class="todo-table">
  5. <table>
  6. <tbody>
  7. <tr *ngFor="let todo of todoList" class="todo-row" [ngClass]="{'checked': todo.isCompleted}" (click)="todo.isCompleted = !todo.isCompleted">
  8. <td class="todo-col">{{todo.iter+1}}</td>
  9. <td class="todo-col">{{todo.title}}</td>
  10. <td class="todo-col">{{todo.text}}</td>
  11. <td class="todo-col btn" (click)="deleteTodo(todo.iter)">Delete</td>
  12. </tr>
  13. </tbody>
  14. </table>
  15. </div>
  16. <div class="todo-create">
  17. <form (submit)="addTodo($event)">
  18. <input [(ngModel)]="newTodo.title" (keyup.enter)="newTodo.title=''" class="textfield" name="newTodo-title" />
  19. <input [(ngModel)]="newTodo.text" (keyup.enter)="newTodo.text=''" class="textfield" name="newTodo-text" />
  20. <button class="btn" type="submit" [disabled]="(newTodo.title==='') && (newTodo.text==='')">Add Todo</button>
  21. </form>
  22. </div>
  23. </div>
  24.  
  25. </div>
Advertisement
Add Comment
Please, Sign In to add comment