*ngIf渲染后如何调用javascript函数

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div *ngIf="condition" #myElement>Content to be rendered</div>
  `,
})
export class ExampleComponent implements AfterViewInit {
  @ViewChild('myElement') myElement: ElementRef;

  condition: boolean = true;

  ngAfterViewInit() {
    if (this.condition) {
      this.callJavaScriptFunction();
    }
  }

  callJavaScriptFunction() {
    // 调用JavaScript函数
  }
}

<div *ngIf="condition; else elseBlock">Content to be rendered</div>

<ng-template #elseBlock>
  <div (click)="callJavaScriptFunction()">Content to be rendered when condition is false</div>
</ng-template>

import { Component, DoCheck } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div *ngIf="condition">Content to be rendered</div>
  `,
})
export class ExampleComponent implements DoCheck {
  condition: boolean = true;
  previousCondition: boolean = true;

  ngDoCheck() {
    if (this.condition && !this.previousCondition) {
      this.callJavaScriptFunction();
    }
    this.previousCondition = this.condition;
  }

  callJavaScriptFunction() {
    // 调用JavaScript函数
  }
}