الإشارات والحالة المشتقة

import { signal, computed } from "@angular/core";
const count = signal(2);
const doubled = computed(() => count() * 2);
console.log(doubled());
count.update(value => value + 3);
console.log(doubled());

4
10

تطبع القراءتان أربعة وعشرة، ويُختبر الرسم المحلي فقط دون إقلاع تطبيق أو متصفح.

import { Component, computed, signal } from "@angular/core";
@Component({
  selector: "app-signal-counter", standalone: true,
  template: `<button type="button" (click)="count.update(increment)">Increase</button>
             <p>{{ count() }} / {{ doubled() }}</p>`
})
export class SignalCounter {
  readonly count = signal(2);
  readonly doubled = computed(() => this.count() * 2);
  readonly increment = (value: number) => value + 1;
}

يعرض المكوّن الصحيح أولًا 2 / 4 ثم 3 / 6 بعد نقرة. لا ينتج البرنامج المحلي هذه الملاحظات في DOM.