أداء العرض وOnPush

import { computed, signal } from "@angular/core";
const values = signal<readonly number[]>([1, 2]);
const total = computed(() => values().reduce((sum, value) => sum + value, 0));
console.log(total());
values.update(current => [...current, 3]);
console.log(total());

3
6

المجموعان ثلاثة وستة دون ادعاء زمن قياس أو عرض متصفح.

import { ChangeDetectionStrategy, Component, input } from "@angular/core";
@Component({
  selector: "app-count-view", standalone: true,
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<p>Rows: {{ rows().length }}</p>`
})
export class CountView { readonly rows = input.required<readonly { id: number }[]>(); }

يعرض المضيف ذو صفين Rows: 2، ويحتاج التحديث تغيير المضيف ومزامنة العرض ولم ينفذ هنا.