feat: Angular 20 rc

Author: NathanWalker

apps/nativescript-demo-ng/package.json

@@ -6,10 +6,10 @@
     "@nativescript/core": "file:../../node_modules/@nativescript/core"
   },
   "devDependencies": {
-    "@nativescript/android": "~8.8.0",
-    "@nativescript/ios": "~8.8.0",
+    "@nativescript/android": "~8.9.0",
+    "@nativescript/ios": "~8.9.0",
     "@nativescript/tailwind": "^2.1.0",
     "@nativescript/unit-test-runner": "^3.0.1",
-    "@nativescript/visionos": "8.8.1"
+    "@nativescript/visionos": "~8.9.0"
   }
 }

apps/nativescript-demo-ng/src/main.ts

@@ -12,7 +12,7 @@ import { withInterceptorsFromDi } from '@angular/common/http';
 import { setWindowBackgroundColor } from '@nativescript/core/utils/ios';
 import { AppComponent } from './app/app.component';
 import { routes } from './app/app.routes';
-import { provideExperimentalZonelessChangeDetection } from '@angular/core';
+import { provideZoneChangeDetection } from '@angular/core';
 
 const EXPERIMENTAL_ZONELESS = true;
 
@@ -28,7 +28,7 @@ runNativeScriptAngularApp({
       providers: [
         provideNativeScriptHttpClient(withInterceptorsFromDi()),
         provideNativeScriptRouter(routes),
-        EXPERIMENTAL_ZONELESS ? provideExperimentalZonelessChangeDetection() : provideNativeScriptNgZone(),
+        EXPERIMENTAL_ZONELESS ? provideZoneChangeDetection() : provideNativeScriptNgZone(),
       ],
     });
   },

apps/nativescript-demo-ng/src/polyfills.ts

@@ -6,7 +6,9 @@
 import '@nativescript/core/globals';
 // Install @nativescript/angular specific polyfills
 import '@nativescript/angular/polyfills';
-
+import { AbortController, AbortSignal } from '@nativescript/core/abortcontroller';
+(global as any).AbortController = AbortController;
+(global as any).AbortSignal = AbortSignal;
 /**
  * Zone.js and patches
  */

apps/nativescript-demo-ng/webpack.config.js

@@ -1,8 +1,16 @@
 const webpack = require('@nativescript/webpack');
+const { ProvidePlugin } = require("webpack");
 
 module.exports = (env) => {
   webpack.init(env);
   webpack.useConfig('angular');
 
+  webpack.chainWebpack((config) => {
+    config.resolve.set('fallback', {
+      AbortController: require.resolve('@nativescript/core/abortcontroller'),
+      AbortSignal: require.resolve('@nativescript/core/abortcontroller'),
+    });
+  });
+
   return webpack.resolveConfig();
 };

package.json

@@ -36,42 +36,42 @@
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
   },
   "dependencies": {
-    "@angular/animations": "19.2.9",
-    "@angular/common": "19.2.9",
-    "@angular/compiler": "19.2.9",
-    "@angular/core": "19.2.9",
-    "@angular/forms": "19.2.9",
-    "@angular/platform-browser": "19.2.9",
-    "@angular/platform-browser-dynamic": "19.2.9",
-    "@angular/router": "19.2.9",
-    "@nativescript/core": "~8.8.0",
+    "@angular/animations": "next",
+    "@angular/common": "next",
+    "@angular/compiler": "next",
+    "@angular/core": "next",
+    "@angular/forms": "next",
+    "@angular/platform-browser": "next",
+    "@angular/platform-browser-dynamic": "next",
+    "@angular/router": "next",
+    "@nativescript/core": "~8.9.0",
     "@nativescript/tailwind": "^2.1.0",
     "nativescript-fonticon": "~8.1.3",
     "rxjs": "^7.8.0",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "19.2.9",
-    "@angular-devkit/core": "19.2.9",
-    "@angular-devkit/schematics": "19.2.9",
+    "@angular-devkit/build-angular": "next",
+    "@angular-devkit/core": "next",
+    "@angular-devkit/schematics": "next",
     "@angular-eslint/eslint-plugin": "19.4.0",
     "@angular-eslint/eslint-plugin-template": "19.4.0",
     "@angular-eslint/template-parser": "19.4.0",
-    "@angular/compiler-cli": "19.2.9",
+    "@angular/compiler-cli": "next",
     "@jsdevtools/coverage-istanbul-loader": "3.0.5",
-    "@nativescript/nx": "20.0.4",
-    "@nativescript/types": "~8.8.0",
+    "@nativescript/nx": "~20.8.0",
+    "@nativescript/types": "~8.9.0",
     "@nativescript/unit-test-runner": "^3.0.4",
     "@nativescript/webpack": "~5.0.22",
-    "@ngtools/webpack": "~19.0.0",
+    "@ngtools/webpack": "next",
     "@nx/angular": "21.1.0",
     "@nx/eslint": "21.1.0",
     "@nx/eslint-plugin": "21.1.0",
     "@nx/jest": "21.1.0",
     "@nx/js": "21.1.0",
     "@nx/node": "21.1.0",
     "@nx/workspace": "21.1.0",
-    "@schematics/angular": "19.2.9",
+    "@schematics/angular": "next",
     "@types/jasmine": "5.1.4",
     "@types/jest": "29.5.13",
     "@types/node": "^20.0.0",
@@ -108,7 +108,7 @@
     "ts-jest": "~29.2.0",
     "ts-node": "10.9.2",
     "tslib": "^2.8.0",
-    "typescript": "5.7.3"
+    "typescript": "~5.8.0"
   },
   "xplat": {
     "prefix": "nativescript",

packages/angular/src/lib/legacy/router/page-router-outlet.ts

@@ -10,13 +10,13 @@ import {
   EnvironmentInjector,
   EventEmitter,
   Inject,
-  InjectFlags,
   InjectionToken,
   InjectOptions,
   Injector,
   NgZone,
   OnDestroy,
   Output,
+  SkipSelf,
   Type,
   ViewContainerRef,
 } from '@angular/core';
@@ -84,12 +84,12 @@ export class DestructibleInjector implements Injector {
     private destructibleProviders: ProviderSet,
     private parent: Injector,
   ) {}
-  get<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T, flags?: InjectOptions | InjectFlags): T {
+  get<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T, flags?: InjectOptions): T {
     const ref = this.parent.get(token, notFoundValue, flags);
 
     // if we're skipping ourselves then it's not our responsibility to destroy
     if (typeof flags === 'number') {
-      if (!(flags & InjectFlags.SkipSelf) && this.destructibleProviders.has(token)) {
+      if (!(flags && this.destructibleProviders.has(token))) {
         this.refs.add(ref);
       }
     } else {