Paso 6: Lógica de la Página de Tareas

Objetivo

Implementar la lógica para agregar y eliminar tareas.

Editar todo.page.ts

Abre src/app/todo/todo.page.ts y agrega la siguiente lógica:

import { Component } from '@angular/core';

@Component({
  selector: 'app-todo',
  templateUrl: './todo.page.html',
  styleUrls: ['./todo.page.scss'],
})
export class TodoPage {
  newTask: string = '';
  tasks: string[] = [];

  constructor() { }

  addTask() {
    if (this.newTask.trim().length === 0) {
      return;
    }
    this.tasks.push(this.newTask);
    this.newTask = '';
  }

  removeTask(index: number) {
    this.tasks.splice(index, 1);
  }
}