fix(@schematics/angular): update application schematics for module-based apps to use 'provideZoneChangeDetection'

pawelfras · hybrist · commit 33f7cf761aa2 · 2026-01-07T11:30:51.000-08:00
Replaces deprecated 'ngZoneEventCoalescing' with 'provideZoneChangeDetection({ eventCoalescing: true })' in 'main.ts.template' in schematics for initial commit (cherry picked from commit 42d4feb)
diff --git a/packages/schematics/angular/application/files/module-files/src/main.ts.template b/packages/schematics/angular/application/files/module-files/src/main.ts.template
@@ -1,9 +1,10 @@
 <% if(!!viewEncapsulation) { %>import { ViewEncapsulation } from '@angular/core';
+<% }%><% if(!zoneless) { %>import { provideZoneChangeDetection } from '@angular/core';
 <% }%>import { platformBrowser } from '@angular/platform-browser';
 import { AppModule } from './app/app<%= typeSeparator %>module';
 
 platformBrowser().bootstrapModule(AppModule, {
-  <% if(!zoneless) { %>ngZoneEventCoalescing: true,<% } %><% if(!!viewEncapsulation) { %>
-  defaultEncapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } %>
+  <% if(!zoneless) { %> applicationProviders: [provideZoneChangeDetection({ eventCoalescing: true })], <% } %>
+  <% if(!!viewEncapsulation) { %> defaultEncapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } %>
 })
   .catch(err => console.error(err));
diff --git a/packages/schematics/angular/application/index_spec.ts b/packages/schematics/angular/application/index_spec.ts
@@ -687,7 +687,7 @@ describe('Application Schematic', () => {
   });
 
   describe('standalone=false', () => {
-    it('should add the ngZoneEventCoalescing option by default with zone.js apps', async () => {
+    it('should add the provideZoneChangeDetection with event coalescing option by default with zone.js apps', async () => {
       const tree = await schematicRunner.runSchematic(
         'application',
         {
@@ -699,7 +699,9 @@ describe('Application Schematic', () => {
       );
 
       const content = tree.readContent('/projects/foo/src/main.ts');
-      expect(content).toContain('ngZoneEventCoalescing: true');
+      expect(content).toContain(
+        'applicationProviders: [provideZoneChangeDetection({ eventCoalescing: true })]',
+      );
     });
 
     it(`should set 'defaultEncapsulation' in main.ts when 'ViewEncapsulation' is provided`, async () => {
