diff --git a/packages/schematics/angular/application/files/standalone-files/src/app/app.config.ts.template b/packages/schematics/angular/application/files/standalone-files/src/app/app.config.ts.template index 4e7781fe7783..a8f22ffe8a9e 100644 --- a/packages/schematics/angular/application/files/standalone-files/src/app/app.config.ts.template +++ b/packages/schematics/angular/application/files/standalone-files/src/app/app.config.ts.template @@ -1,8 +1,8 @@ -import { ApplicationConfig } from '@angular/core';<% if (routing) { %> +import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';<% if (routing) { %> import { provideRouter } from '@angular/router'; import { routes } from './app.routes';<% } %> export const appConfig: ApplicationConfig = { - providers: [<% if (routing) { %>provideRouter(routes)<% } %>] + providers: [provideZoneChangeDetection({eventCoalescing: true})<% if (routing) { %>, provideRouter(routes)<% } %>] }; diff --git a/packages/schematics/angular/server/index_spec.ts b/packages/schematics/angular/server/index_spec.ts index 44f8559544b8..caed8beb5de9 100644 --- a/packages/schematics/angular/server/index_spec.ts +++ b/packages/schematics/angular/server/index_spec.ts @@ -138,7 +138,7 @@ describe('Server Schematic', () => { it(`should add 'provideClientHydration' to the providers list`, async () => { const tree = await schematicRunner.runSchematic('server', defaultOptions, appTree); const contents = tree.readContent('/projects/bar/src/app/app.config.ts'); - expect(contents).toContain(`providers: [provideClientHydration()]`); + expect(contents).toContain(`provideClientHydration()`); }); }); diff --git a/packages/schematics/angular/service-worker/index_spec.ts b/packages/schematics/angular/service-worker/index_spec.ts index 26fc4d52762f..5c4a13c666d6 100644 --- a/packages/schematics/angular/service-worker/index_spec.ts +++ b/packages/schematics/angular/service-worker/index_spec.ts @@ -128,17 +128,19 @@ describe('Service Worker Schematic', () => { const tree = await schematicRunner.runSchematic('service-worker', defaultOptions, appTree); const content = tree.readContent('/projects/bar/src/app/app.config.ts'); expect(tags.oneLine`${content}`).toContain(tags.oneLine` - providers: [provideServiceWorker('ngsw-worker.js', { - enabled: !isDevMode(), - registrationStrategy: 'registerWhenStable:30000' - })] + provideServiceWorker('ngsw-worker.js', { + enabled: !isDevMode(), + registrationStrategy: 'registerWhenStable:30000' + }) `); }); it(`should import 'isDevMode' from '@angular/core'`, async () => { const tree = await schematicRunner.runSchematic('service-worker', defaultOptions, appTree); const content = tree.readContent('/projects/bar/src/app/app.config.ts'); - expect(content).toContain(`import { ApplicationConfig, isDevMode } from '@angular/core';`); + expect(content).toContain( + `import { ApplicationConfig, provideZoneChangeDetection, isDevMode } from '@angular/core';`, + ); }); it(`should import 'provideServiceWorker' from '@angular/service-worker'`, async () => { diff --git a/packages/schematics/angular/utility/standalone/rules_spec.ts b/packages/schematics/angular/utility/standalone/rules_spec.ts index 7a5cabd69074..c4dc3eaf7760 100644 --- a/packages/schematics/angular/utility/standalone/rules_spec.ts +++ b/packages/schematics/angular/utility/standalone/rules_spec.ts @@ -93,12 +93,9 @@ describe('standalone utilities', () => { const content = readFile('app/app.config.ts'); - assertContains( - content, - `import { ApplicationConfig, importProvidersFrom } from '@angular/core';`, - ); + assertContains(content, `importProvidersFrom`); assertContains(content, `import { MyModule } from '@my/module';`); - assertContains(content, `providers: [importProvidersFrom(MyModule)]`); + assertContains(content, `importProvidersFrom(MyModule)`); }); it('should add a root import to a standalone app whose app config does not have a providers array', async () => { @@ -443,7 +440,10 @@ describe('standalone utilities', () => { const content = readFile('app/app.config.ts'); assertContains(content, `import { provideModule } from '@my/module';`); - assertContains(content, `providers: [provideModule([])]`); + assertContains( + content, + `providers: [provideZoneChangeDetection({eventCoalescing:true}),provideModule([])]`, + ); }); it('should add a root provider to a standalone app when providers contain a trailing comma', async () => {