Method _loadComponents

docs/src/app/shared/doc-viewer/doc-viewer.ts:186–211

Instantiate a ExampleViewer for each example.

(componentName: string, componentClass: Type<ExampleViewer | HeaderLink>)

  /** Instantiate a ExampleViewer for each example. */
  private _loadComponents(componentName: string, componentClass: Type<ExampleViewer | HeaderLink>) {
    const exampleElements = this._elementRef.nativeElement.querySelectorAll(`[${componentName}]`);

    [...exampleElements].forEach((element: Element) => {
      const example = element.getAttribute(componentName);
      const region = element.getAttribute('region');
      const file = element.getAttribute('file');
      const portalHost = new DomPortalOutlet(element, this._appRef, this._injector);
      const examplePortal = new ComponentPortal(componentClass, this._viewContainerRef);
      const exampleViewer = portalHost.attach(examplePortal);
      const exampleViewerComponent = exampleViewer.instance;
      if (example !== null) {
        if (componentClass === ExampleViewer) {
          DocViewer._initExampleViewer(
            exampleViewerComponent as ExampleViewer,
            example,
            file,
            region,
          );
        } else {
          (exampleViewerComponent as HeaderLink).example.set(example);
        }
      }
      this._portalHosts.push(portalHost);
    });
  }

  private _clearLiveExamples() {
    this._portalHosts.forEach(h => h.dispose());