docs: Upgrade angular example to Angular 18 and add example routes

Author: PSanetra

examples/angular/.dockerignore

@@ -1,2 +1,6 @@
-/dist
-/node_modules
+dist
+node_modules
+Dockerfile
+.angular
+.idea
+.vscode

examples/angular/.gitignore

@@ -1,21 +1,22 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
-/dist
-/tmp
-/out-tsc
+dist
+tmp
+out-tsc
+.angular
 # Only exists if Bazel was run
-/bazel-out
+bazel-out
 
 # dependencies
-/node_modules
+node_modules
 
 # profiling files
 chrome-profiler-events*.json
 speed-measure-plugin*.json
 
 # IDEs and editors
-/.idea
+.idea
 .project
 .classpath
 .c9/

examples/angular/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:12-alpine as build
+FROM node:20-alpine as build
 
 WORKDIR /src
 

examples/angular/angular.json

@@ -2,6 +2,10 @@
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
   "newProjectRoot": "projects",
+  "cli": {
+    "analytics": false,
+    "packageManager": "npm"
+  },
   "projects": {
     "angular-example": {
       "projectType": "application",
@@ -35,6 +39,7 @@
           },
           "configurations": {
             "production": {
+              "aot": true,
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
@@ -44,7 +49,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,
@@ -62,7 +66,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": "production"
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
@@ -111,6 +116,6 @@
           }
         }
       }
-    }},
-  "defaultProject": "angular-example"
+    }
+  }
 }