Expression ___ has changed after it was checked: كيفية إصلاح الخطأ في Angular؟

مرحباً بالجميع! أنا مبتدئ في Angular و TypeScript، وقد واجهت خطأً غريباً جداً يظهر في وحدة تحكم المتصفح: "Expression has changed after it was checked". لدي مكون بسيط يعرض قائمة المهام. إليك الكود المبسط: ```typescript import { Component, OnInit } from '@angular/core'; interface Task { id: number; title: string; completed: boolean; } @Component({ selector: 'app-task-list', template: `

عدد المهام: {{ tasks.length }}

` }) export class TaskListComponent implements OnInit { tasks: Task[] = [ { id: 1, title: 'شراء البقالة', completed: false }, { id: 2, title: 'ممارسة التمارين', completed: true } ]; constructor() {} ngOnInit() { // المشكلة هنا: أحاول تغيير