Todo.razor 682 B

12345678910111213141516171819202122232425262728293031323334
  1. @rendermode InteractiveServer
  2. @using BlazorWeb1.Server
  3. <h3>Todo (@todos.Count(todo => !todo.IsDone))</h3>
  4. <ul>
  5. @foreach (var todo in todos)
  6. {
  7. if(!todo.IsDone)
  8. {
  9. <li>
  10. <input type="checkbox" @bind="todo.IsDone" />
  11. <input @bind="todo.Title" />
  12. </li>
  13. }
  14. }
  15. </ul>
  16. <input @bind="newTodo" />
  17. <button @onclick="AddTodo">Add todo</button>
  18. @code {
  19. private List<TodoItem> todos = new();
  20. string newTodo = "";
  21. void AddTodo()
  22. {
  23. if (!string.IsNullOrWhiteSpace(newTodo))
  24. {
  25. todos.Add(new TodoItem { Title = newTodo });
  26. newTodo = string.Empty;
  27. }
  28. }
  29. }