Created a Main component to use as the application bootstrap component. (#790)

lindolo25 · web-flow · commit b631c8f3cab4 · 2024-10-30T17:30:37.000Z
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -2,17 +2,19 @@ import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 
+import { MainComponent } from './main.component';
 import { AppComponent } from './app.component';
 import { WelcomeComponent } from './welcome.component';
 import { LoginComponent } from './login.component';
 import { HomeComponent } from './home.component';
-import { UIRouterModule, UIView } from '@uirouter/angular';
+import { UIRouterModule } from '@uirouter/angular';
 import { APP_STATES } from './app.states';
 import { GlobalModule } from './global/global.module';
 import { routerConfigFn } from './router.config';
 
 @NgModule({
   declarations: [
+    MainComponent,
     AppComponent,
     WelcomeComponent,
     LoginComponent,
@@ -29,6 +31,6 @@ import { routerConfigFn } from './router.config';
     BrowserModule,
     FormsModule
   ],
-  bootstrap: [UIView]
+  bootstrap: [MainComponent]
 })
 export class AppModule { }
diff --git a/src/app/main.component.ts b/src/app/main.component.ts
@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-main',
+  template: `<ui-view>Loading...</ui-view>`
+})
+export class MainComponent {}
diff --git a/src/index.html b/src/index.html
@@ -13,6 +13,6 @@
           integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 </head>
 <body>
-  <ui-view>Loading...</ui-view>
+  <app-main></app-main>
 </body>
 </html>
