Skip to content

Instantly share code, notes, and snippets.

@bisubus

bisubus/Angular multiple optional bootstrap (entry) components

Last active November 14, 2019 12:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save bisubus/fbef01fdb3b14e7349aead9b00701260 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save bisubus/fbef01fdb3b14e7349aead9b00701260 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Angular multiple optional bootstrap (entry) components
​
Raw
AppModule.ts
import { Inject, ApplicationRef } from '@angular/core';
import { DOCUMENT } from '@angular/common';
@NgModule({
imports: [BrowserModule],
declarations: [App, Bpp],
entryComponents: [App, Bpp]
})
export class AppModule {
constructor(@Inject(DOCUMENT) private _document: any) {}
ngDoBootstrap(applicationRef: ApplicationRef) {
const document = this._document;
if (document.querySelector('app')) {
applicationRef.bootstrap(App);
}
if (document.querySelector('bpp')) {
applicationRef.bootstrap(Bpp);
}
}
}
@glenatron
Copy link
Copy Markdown

glenatron commented Nov 14, 2019

This was very useful but things have changed a little in Angular 8 - I got it working as described in the answer to this SO question.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment