تدفق التحكم وهوية عناصر القائمة

export {};
type Row = { id: number; title: string };
const rows: readonly Row[] = [{ id: 1, title: "Basics" }, { id: 2, title: "Forms" }];
const changed = rows.map(row => row.id === 2 ? { ...row, title: "Typed forms" } : row);
console.log(JSON.stringify(changed));

[{"id":1,"title":"Basics"},{"id":2,"title":"Typed forms"}]

يحصل الصف ذو الهوية اثنين على عنوان جديد وتبقى الهويتان، ولا يُنفذ توفيق DOM.

@if (loading()) {
  <p role="status">Loading courses</p>
} @else {
  <ul>
    @for (item of items(); track item.id) {
      <li>{{ item.title }}</li>
    } @empty {
      <li>No courses match</li>
    }
  </ul>
}

تعرض القائمة المحملة الفارغة No courses match والممتلئة عناوينها، ولا ينفذ المقطع حالة المضيف أو DOM.