Render Angular component outside the main app

Question

I have an angular app, it has a bundle and a piece of HTML that contains a root selector

where the app is bootstr

Answer 1

Just add any components you need to the bootstrap array that is passed to NgModule:

@NgModule({
  declarations: [AppComponent, ContactFormComponent],
  imports: [...],
  providers: [SharedService],
  bootstrap: [AppComponent, ContactFormComponent]
})
export class AppModule {}

and now voila this works:

  
  ============================================
  

Just learned this from the plunker in the answer Günter linked above. very cool. tested with angular 6