Method _updateDocument

docs/src/app/shared/doc-viewer/doc-viewer.ts:148–177

* Updates the displayed document. * @param rawDocument The raw document content to show.

(rawDocument: string)

   * @param rawDocument The raw document content to show.
   */
  private _updateDocument(rawDocument: string) {
    // Replace all relative fragment URLs with absolute fragment URLs. e.g. "#my-section" becomes
    // "/components/button/api#my-section". This is necessary because otherwise these fragment
    // links would redirect to "/#my-section".
    rawDocument = rawDocument.replace(/href="#([^"]*)"/g, (_m: string, fragmentUrl: string) => {
      const absoluteUrl = `${location.pathname}#${fragmentUrl}`;
      return `href="${this._domSanitizer.sanitize(SecurityContext.URL, absoluteUrl)}"`;
    });
    this._elementRef.nativeElement.innerHTML = rawDocument;
    this.textContent = this._elementRef.nativeElement.textContent;
    this._loadComponents('material-docs-example', ExampleViewer);
    this._loadComponents('header-link', HeaderLink);

    // Inject Angular Aria banner for specific CDK components
    this._injectAngularAriaBanner();

    // Create tooltips for the deprecated fields
    this._createTooltipsForDeprecated();

    // Create icon buttons to copy module import
    this._createCopyIconForModule();

    // Resolving and creating components dynamically in Angular happens synchronously, but since
    // we want to emit the output if the components are actually rendered completely, we wait
    // until the Angular zone becomes stable.
    // tslint:disable-next-line:no-zone-dependencies
    this._ngZone.onStable
      .pipe(take(1))
      .subscribe(() => this.contentRendered.next(this._elementRef.nativeElement));
  }

  /** Show an error that occurred when fetching a document. */
  private _showError(url: string, error: HttpErrorResponse) {