Avatar ·

Expression ___ has changed after it was checked: cómo corregir el error en Angular?

¡Hola a todos! Soy nuevo en Angular y TypeScript, y me encontré con un error muy extraño que aparece en la consola del navegador: "Expression has changed after it was checked". Tengo un componente simple que muestra una lista de tareas. Aquí está el código simplificado: ```typescript import { Component, OnInit } from '@angular/core'; interface Task { id: number; title: string; completed: boolean; } @Component({ selector: 'app-task-list', template: `
{{ task.title }} {{ task.completed ? '✅' : '❌' }}

Total de tareas: {{ tasks.length }}

` }) export class TaskListComponent implements OnInit { tasks: Task[] = [ { id: 1, title: 'Comprar alimentos', completed: false }, { id: 2, title: 'Hacer ejercicio', completed: true } ]; constructor() {} ngOnInit() { // El problema está aquí: intento cambiar