chore: bump Angular to 21.1

- remove zone.js from dependencies
- Add a signal example

Author: JeanMeche

angular/angular.json

@@ -17,7 +17,6 @@
               "sourceMap": true
             },
             "production": {
-              "aot": true,
               "extractLicenses": true,
               "namedChunks": false,
               "optimization": true,
@@ -30,7 +29,7 @@
             "index": "src/index.html",
             "browser": "src/main.ts",
             "outputPath": "dist/demo",
-            "polyfills": ["zone.js"],
+            "polyfills": [],
             "scripts": [],
             "styles": ["src/global_styles.css"],
             "tsConfig": "tsconfig.app.json"

angular/package.json

@@ -7,21 +7,19 @@
     "build": "ng build"
   },
   "dependencies": {
-    "@angular/animations": "^21.0.3",
-    "@angular/common": "^21.0.3",
-    "@angular/compiler": "^21.0.3",
-    "@angular/core": "^21.0.3",
-    "@angular/forms": "^21.0.3",
-    "@angular/platform-browser": "^21.0.3",
-    "@angular/router": "^21.0.3",
+    "@angular/common": "^21.1.0",
+    "@angular/compiler": "^21.1.0",
+    "@angular/core": "^21.1.0",
+    "@angular/forms": "^21.1.0",
+    "@angular/platform-browser": "^21.1.0",
+    "@angular/router": "^21.0.0",
     "rxjs": "^7.8.1",
-    "tslib": "^2.5.0",
-    "zone.js": "^0.16.0"
+    "tslib": "^2.5.0"
   },
   "devDependencies": {
-    "@angular/build": "^21.0.2",
-    "@angular/cli": "^21.0.2",
-    "@angular/compiler-cli": "^21.0.3",
+    "@angular/build": "^21.1.0",
+    "@angular/cli": "^21.1.0",
+    "@angular/compiler-cli": "^21.1.0",
     "typescript": "^5.9.3"
   }
 }

angular/src/main.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, signal } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 
 @Component({
@@ -8,10 +8,20 @@ import { bootstrapApplication } from '@angular/platform-browser';
     <a target="_blank" href="https://angular.dev/overview">
       Learn more about Angular
     </a>
+    <div>
+      <button (click)="counter.set(counter() - 1)">
+        -- 
+      </button>
+      <p>Counter: {{ counter() }}</p>
+      <button (click)="counter.set(counter() + 1)">
+        ++
+      </button>
+    </div>
   `,
 })
 export class App {
   name = 'Angular';
+  counter = signal(0);
 }
 
 bootstrapApplication(App);