Ohne Zone.js patcht Angular nicht mehr jede asynchrone API (setTimeout, DOM-Events, Promises), um automatisch eine Änderungserkennung auszulösen — `provideExperimentalZonelessChangeDetection` entfernt dieses globale Monkey-Patching vollständig. Die Änderungserkennung wird stattdessen nur dann eingeplant, wenn sich der Wert eines im Template gelesenen Signals tatsächlich ändert, nachverfolgt über den reaktiven Graphen, den `computed` und `signal` aufbauen. Jede Zustandsänderung, die Signals umgeht — etwa das Mutieren einer einfachen Objekteigenschaft in der Erwartung, die View bemerke es —, wird für die View dauerhaft unsichtbar, da keine Zone mehr als Auffangnetz bereitsteht, und genau diese Abwägung muss man auf Expertenniveau in Angular explizit durchdenken.
import { bootstrapApplication } from '@angular/platform-browser';import { provideExperimentalZonelessChangeDetection } from '@angular/core';import { Component, signal, computed } from '@angular/core';@Component({selector: 'app-price-badge',standalone: true,template: `<span>{{ formatted() }}</span>`,})export class PriceBadgeComponent {private cents = signal(0);formatted = computed(() =>new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(this.cents() / 100),);setCents(value: number): void {this.cents.set(value);}}bootstrapApplication(PriceBadgeComponent, {providers: [provideExperimentalZonelessChangeDetection()],});
