Revert "Bootstrap the application using standalone APIs"

This reverts commit cd066f2.

Author: ismcagdas

angular/src/main.ts

@@ -1,53 +1,18 @@
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { enableProdMode, provideExperimentalZonelessChangeDetection, APP_INITIALIZER, LOCALE_ID, importProvidersFrom } from '@angular/core';
+import { enableProdMode } from '@angular/core';
 import { environment } from './environments/environment';
-import { getCurrentLanguage } from './root.module';
+import { RootModule } from './root.module';
 import { hmrBootstrap } from './hmr';
 
 import 'moment/min/locales.min';
 import 'moment-timezone';
-import { provideClientHydration, BrowserModule, bootstrapApplication } from '@angular/platform-browser';
-import { HTTP_INTERCEPTORS, withInterceptorsFromDi, provideHttpClient } from '@angular/common/http';
-import { AbpHttpInterceptor } from 'abp-ng2-module';
-import { AppInitializer } from './app-initializer';
-import { API_BASE_URL } from '@shared/service-proxies/service-proxies';
-import { AppConsts } from '@shared/AppConsts';
-import { provideAnimations } from '@angular/platform-browser/animations';
-import { SharedModule } from '@shared/shared.module';
-import { ModalModule } from 'ngx-bootstrap/modal';
-import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
-import { CollapseModule } from 'ngx-bootstrap/collapse';
-import { TabsModule } from 'ngx-bootstrap/tabs';
-import { ServiceProxyModule } from '@shared/service-proxies/service-proxy.module';
-import { RootRoutingModule } from './root-routing.module';
-import { RootComponent } from './root.component';
 
 if (environment.production) {
     enableProdMode();
 }
 
 const bootstrap = () => {
-    return bootstrapApplication(RootComponent, {
-    providers: [
-        importProvidersFrom(BrowserModule, SharedModule.forRoot(), ModalModule.forRoot(), BsDropdownModule.forRoot(), CollapseModule.forRoot(), TabsModule.forRoot(), ServiceProxyModule, RootRoutingModule),
-        provideExperimentalZonelessChangeDetection(),
-        provideClientHydration(),
-        { provide: HTTP_INTERCEPTORS, useClass: AbpHttpInterceptor, multi: true },
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (appInitializer: AppInitializer) => appInitializer.init(),
-            deps: [AppInitializer],
-            multi: true,
-        },
-        { provide: API_BASE_URL, useFactory: () => AppConsts.remoteServiceBaseUrl },
-        {
-            provide: LOCALE_ID,
-            useFactory: getCurrentLanguage,
-        },
-        provideAnimations(),
-        provideHttpClient(withInterceptorsFromDi()),
-    ]
-});
+    return platformBrowserDynamic().bootstrapModule(RootModule, {ngZone: 'noop'});
 };
 
 /* "Hot Module Replacement" is enabled as described on

angular/src/root.module.ts

@@ -28,4 +28,36 @@ export function getCurrentLanguage(): string {
   return 'en';
 }
 
-
+@NgModule({
+  imports: [
+    BrowserModule,
+    BrowserAnimationsModule,
+    HttpClientModule,
+    SharedModule.forRoot(),
+    ModalModule.forRoot(),
+    BsDropdownModule.forRoot(),
+    CollapseModule.forRoot(),
+    TabsModule.forRoot(),
+    ServiceProxyModule,
+    RootRoutingModule,
+  ],
+  declarations: [RootComponent],
+  providers: [
+    provideExperimentalZonelessChangeDetection(),
+    provideClientHydration(),
+    { provide: HTTP_INTERCEPTORS, useClass: AbpHttpInterceptor, multi: true },
+    {
+      provide: APP_INITIALIZER,
+      useFactory: (appInitializer: AppInitializer) => appInitializer.init(),
+      deps: [AppInitializer],
+      multi: true,
+    },
+    { provide: API_BASE_URL, useFactory: () => AppConsts.remoteServiceBaseUrl },
+    {
+      provide: LOCALE_ID,
+      useFactory: getCurrentLanguage,
+    },
+  ],
+  bootstrap: [RootComponent],
+})
+export class RootModule {}