Angular DOM को कैसे अपडेट करता है

डिफ़ॉल्ट पास

डिफ़ॉल्ट रूप से, क्लिक, टाइमर, या HTTP रिस्पॉन्स जैसी घटनाओं के बाद, Angular कंपोनेंट ट्री में जाकर हर टेम्पलेट में बदले हुए मान जाँचता है, और ज़रूरत के अनुसार DOM अपडेट करता है।

OnPush रणनीति

OnPush, Angular को बताता है कि किसी कंपोनेंट के सबट्री को तब तक न जाँचे जब तक उसके @Input() संदर्भ (reference) से न बदलें (या वह सिग्नल न बदले जिसे यह पढ़ता है) — यह अक्सर प्रदर्शन बेहतर करता है।

@Component({
  selector: 'app-price-tag',
  standalone: true,
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<span>{{ price() }}</span>`,
})
export class PriceTagComponent {
  price = input.required<number>();
}

सिग्नल्स OnPush के साथ अच्छी तरह काम करते हैं

क्योंकि सिग्नल अपने पाठकों को सटीक रूप से ट्रैक करते हैं, इनके आस-पास बने कंपोनेंट OnPush के साथ स्वाभाविक रूप से अच्छी तरह काम करते हैं — प्रदर्शन का फ़ायदा लगभग मुफ़्त में मिलता है।