feat: Angular 20

Author: NathanWalker

apps/nativescript-starter-angular/package.json

@@ -4,29 +4,29 @@
   "version": "1.0.0",
   "private": true,
   "dependencies": {
-    "@angular/animations": "~19.2.0",
-    "@angular/common": "~19.2.0",
-    "@angular/compiler": "~19.2.0",
-    "@angular/core": "~19.2.0",
-    "@angular/forms": "~19.2.0",
-    "@angular/platform-browser": "~19.2.0",
-    "@angular/platform-browser-dynamic": "~19.2.0",
-    "@angular/router": "~19.2.0",
-    "@nativescript/angular": "^19.0.0",
+    "@angular/animations": "~20.0.0",
+    "@angular/common": "~20.0.0",
+    "@angular/compiler": "~20.0.0",
+    "@angular/core": "~20.0.0",
+    "@angular/forms": "~20.0.0",
+    "@angular/platform-browser": "~20.0.0",
+    "@angular/platform-browser-dynamic": "~20.0.0",
+    "@angular/router": "~20.0.0",
+    "@nativescript/angular": "^20.0.0",
     "@nativescript/core": "~8.9.0",
     "rxjs": "~7.8.0",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~19.2.0",
-    "@angular/compiler-cli": "~19.2.0",
+    "@angular-devkit/build-angular": "~20.0.0",
+    "@angular/compiler-cli": "~20.0.0",
     "@nativescript/preview-cli": "^1.0.14",
     "@nativescript/stackblitz": "^0.0.8",
     "@nativescript/tailwind": "^2.1.0",
     "@nativescript/types": "~8.9.0",
     "@nativescript/webpack": "~5.0.0",
-    "@ngtools/webpack": "~19.2.0",
+    "@ngtools/webpack": "~20.0.0",
     "tailwindcss": "~3.4.0",
-    "typescript": "~5.7.0"
+    "typescript": "~5.8.0"
   }
 }

apps/nativescript-starter-angular/src/main.ts

@@ -1,30 +1,21 @@
 import {
   bootstrapApplication,
   provideNativeScriptHttpClient,
-  provideNativeScriptNgZone,
   provideNativeScriptRouter,
   runNativeScriptAngularApp,
 } from '@nativescript/angular';
-import { provideExperimentalZonelessChangeDetection } from '@angular/core';
+import { provideZonelessChangeDetection } from '@angular/core';
 import { withInterceptorsFromDi } from '@angular/common/http';
 import { routes } from './app/app.routes';
 import { AppComponent } from './app/app.component';
 
-/**
- * Disable zone by setting this to true
- * Then also adjust polyfills.ts (see note there)
- */
-const EXPERIMENTAL_ZONELESS = false;
-
 runNativeScriptAngularApp({
   appModuleBootstrap: () => {
     return bootstrapApplication(AppComponent, {
       providers: [
         provideNativeScriptHttpClient(withInterceptorsFromDi()),
         provideNativeScriptRouter(routes),
-        EXPERIMENTAL_ZONELESS
-          ? provideExperimentalZonelessChangeDetection()
-          : provideNativeScriptNgZone(),
+        provideZonelessChangeDetection(),
       ],
     });
   },

apps/nativescript-starter-angular/src/polyfills.ts

@@ -6,20 +6,3 @@
 import '@nativescript/core/globals';
 // Install @nativescript/angular specific polyfills
 import '@nativescript/angular/polyfills';
-
-/**
- * Disable zone completely by removing the following 3 imports
- * alongside also adjusting main.ts to boot zoneless
- */
-
-/**
- * Zone.js and patches
- */
-// Add pre-zone.js patches needed for the NativeScript platform
-import '@nativescript/zone-js/dist/pre-zone-polyfills';
-
-// Zone JS is required by default for Angular itself
-import 'zone.js';
-
-// Add NativeScript specific Zone JS patches
-import '@nativescript/zone-js';