title: I would like to add a dynamic component
body: <p>I would like to add a dynamic component from a service.
  My component is BubbleComponent.</p>
  
  <pre><code>import { BubbleComponent } from '@app/component/bubble';
  import {SiplecService} from '@app/service/siplec.service';
  
  @NgModule({
    imports: [
      FormsModule,
      CommonModule,
      NgbModule,
      RouterModule.forChild(HomeRoutes),
    ],
    declarations: [HomeComponent, BasketComponent, BubbleComponent],
    entryComponents: [ BubbleComponent ],
    providers: [ SiplecService ]
  })
  export class HomeModule {}
  </code></pre>
  
  <p>In my service: </p>
  
  <pre><code> setRootViewContainerRef(viewContainerRef: any) {
          this.rootViewContainer = viewContainerRef;
      }
      addDynamicComponent() {
          const factory = this.factoryResolver
              .resolveComponentFactory(BubbleComponent);
          const component = factory
              .create(this.rootViewContainer.parentInjector);
          this.rootViewContainer.insert(component.hostView);
      }
  </code></pre>
  
  <p>I get the following error : </p>
  
  <blockquote>
    <p>ERROR Error: No component factory found for BubbleComponent. Did you add it to @NgModule.entryComponents?
        at noComponentFactoryError (core.js:7409)</p>
  </blockquote>