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