Angular bootstrap component vs entry component

What’s the difference between a bootstrap component and an entry component?

A bootstrapped component is an entry component that Angular loads into DOM at the application launch and the other root components loaded dynamically into entry components.

The following is an example of specifying a bootstrapped component -
@NgModule({
  declarations: [
    AppComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]  // bootstrapped entry component
})
export class AppModule { }


The entry component is used to define components and created dynamically using the ComponentFactoryResolver.

The @NgModule.bootstrap property report the compiler that this is an entry component and it should generate code to bootstrap the application with this component.

For more information, see the above question - What Is an Entry Component?

I hope you enjoyed this post. So please write your thoughts in the below comment box. Thank you so much for reading this post.
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
My Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.
^