diff --git a/templates/app-nolayers/angular/package.json b/templates/app-nolayers/angular/package.json
index 8e89acccff..8178491e71 100644
--- a/templates/app-nolayers/angular/package.json
+++ b/templates/app-nolayers/angular/package.json
@@ -37,11 +37,11 @@
   },
   "devDependencies": {
     "@abp/ng.schematics": "~10.0.1",
-    "@angular-eslint/builder": "~20.0.0",
-    "@angular-eslint/eslint-plugin": "~20.0.0",
-    "@angular-eslint/eslint-plugin-template": "~20.0.0",
-    "@angular-eslint/schematics": "~20.0.0",
-    "@angular-eslint/template-parser": "~20.0.0",
+    "@angular-eslint/builder": "~21.0.0",
+    "@angular-eslint/eslint-plugin": "~21.0.0",
+    "@angular-eslint/eslint-plugin-template": "~21.0.0",
+    "@angular-eslint/schematics": "~21.0.0",
+    "@angular-eslint/template-parser": "~21.0.0",
     "@angular/build": "~21.0.0",
     "@angular/cli": "~21.0.3",
     "@angular/compiler-cli": "~21.0.0",
diff --git a/templates/app-nolayers/angular/src/main.ts b/templates/app-nolayers/angular/src/main.ts
index 7180ec1a32..b7ef9f0bc3 100644
--- a/templates/app-nolayers/angular/src/main.ts
+++ b/templates/app-nolayers/angular/src/main.ts
@@ -1,5 +1,6 @@
+import { provideZoneChangeDetection } from "@angular/core";
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));
+bootstrapApplication(AppComponent, {...appConfig, providers: [provideZoneChangeDetection(), ...appConfig.providers]}).catch(err => console.error(err));
diff --git a/templates/app/angular/package.json b/templates/app/angular/package.json
index 3130bdaffd..44677ccbb0 100644
--- a/templates/app/angular/package.json
+++ b/templates/app/angular/package.json
@@ -37,11 +37,11 @@
   },
   "devDependencies": {
     "@abp/ng.schematics": "~10.0.1",
-    "@angular-eslint/builder": "~20.0.0",
-    "@angular-eslint/eslint-plugin": "~20.0.0",
-    "@angular-eslint/eslint-plugin-template": "~20.0.0",
-    "@angular-eslint/schematics": "~20.0.0",
-    "@angular-eslint/template-parser": "~20.0.0",
+    "@angular-eslint/builder": "~21.0.0",
+    "@angular-eslint/eslint-plugin": "~21.0.0",
+    "@angular-eslint/eslint-plugin-template": "~21.0.0",
+    "@angular-eslint/schematics": "~21.0.0",
+    "@angular-eslint/template-parser": "~21.0.0",
     "@angular/build": "~21.0.0",
     "@angular/cli": "~21.0.3",
     "@angular/compiler-cli": "~21.0.0",
diff --git a/templates/app/angular/src/main.ts b/templates/app/angular/src/main.ts
index 7180ec1a32..b7ef9f0bc3 100644
--- a/templates/app/angular/src/main.ts
+++ b/templates/app/angular/src/main.ts
@@ -1,5 +1,6 @@
+import { provideZoneChangeDetection } from "@angular/core";
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));
+bootstrapApplication(AppComponent, {...appConfig, providers: [provideZoneChangeDetection(), ...appConfig.providers]}).catch(err => console.error(err));
diff --git a/templates/module/angular/package.json b/templates/module/angular/package.json
index be67b2d639..08efc9c651 100644
--- a/templates/module/angular/package.json
+++ b/templates/module/angular/package.json
@@ -37,11 +37,11 @@
   },
   "devDependencies": {
     "@abp/ng.schematics": "~10.0.1",
-    "@angular-eslint/builder": "~20.0.0",
-    "@angular-eslint/eslint-plugin": "~20.0.0",
-    "@angular-eslint/eslint-plugin-template": "~20.0.0",
-    "@angular-eslint/schematics": "~20.0.0",
-    "@angular-eslint/template-parser": "~20.0.0",
+    "@angular-eslint/builder": "~21.0.0",
+    "@angular-eslint/eslint-plugin": "~21.0.0",
+    "@angular-eslint/eslint-plugin-template": "~21.0.0",
+    "@angular-eslint/schematics": "~21.0.0",
+    "@angular-eslint/template-parser": "~21.0.0",
     "@angular/build": "~21.0.0",
     "@angular/cli": "~21.0.0",
     "@angular/compiler-cli": "~21.0.0",
diff --git a/templates/module/angular/projects/dev-app/src/main.ts b/templates/module/angular/projects/dev-app/src/main.ts
index 7180ec1a32..b7ef9f0bc3 100644
--- a/templates/module/angular/projects/dev-app/src/main.ts
+++ b/templates/module/angular/projects/dev-app/src/main.ts
@@ -1,5 +1,6 @@
+import { provideZoneChangeDetection } from "@angular/core";
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));
+bootstrapApplication(AppComponent, {...appConfig, providers: [provideZoneChangeDetection(), ...appConfig.providers]}).catch(err => console.error(err));