migrate to standalone bootstrap

Author: vmasek

apps/ng-demo/src/app/app.component.ts

@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { HeaderComponent } from '../components/header/header.component';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
     selector: 'app-root',
@@ -17,6 +19,6 @@ import { Component } from '@angular/core';
       }
     `,
     ],
-    standalone: false
+    imports: [HeaderComponent, RouterOutlet]
 })
 export class AppComponent {}

apps/ng-demo/src/app/app.module.ts

@@ -1,7 +1,20 @@
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { BrowserModule, bootstrapApplication } from '@angular/platform-browser';
+import {
+  withInterceptorsFromDi,
+  provideHttpClient,
+} from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { appRoutes } from './app/app.routes';
+import { HeaderModule } from './components/header/header.component';
+import { AppComponent } from './app/app.component';
+import { importProvidersFrom } from '@angular/core';
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent, {
+  providers: [
+    importProvidersFrom(BrowserModule, HeaderModule),
+    provideHttpClient(withInterceptorsFromDi()),
+    provideRouter(appRoutes),
+  ],
+}).catch((err) => console.error(err));