Update Angular to use standalone components

Author: AlisherAmonulloev

Angular/src/app/app-routing.module.ts

@@ -1,11 +1,12 @@
 import { Component } from '@angular/core';
+import { DxButtonModule } from 'devextreme-angular/ui/button';
 import { ClickEvent } from 'devextreme/ui/button';
 
 @Component({
     selector: 'app-root',
+    imports: [DxButtonModule],
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss'],
-    standalone: false
 })
 export class AppComponent {
   title = 'Angular';

Angular/src/app/app.component.ts

@@ -1,7 +1,7 @@
-import { provideZoneChangeDetection } from "@angular/core";
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { provideZoneChangeDetection } from '@angular/core';
+import { AppComponent } from './app/app.component';
 
-import { AppModule } from './app/app.module';
-
-platformBrowserDynamic().bootstrapModule(AppModule, { applicationProviders: [provideZoneChangeDetection()], })
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent, {
+  providers: [provideZoneChangeDetection()],
+}).catch((err) => console.error(err));