*ngIf如果未通过eventListener触发内部服务

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

@Component({
  selector: 'app-example',
  template: `
    <button (click)="toggleService()">Toggle Service</button>
    <div *ngIf="isServiceActive">
      <!-- 内部服务的内容 -->
    </div>
  `,
})
export class ExampleComponent implements OnInit {
  isServiceActive: boolean = false;

  ngOnInit() {
    // 添加事件监听器
    document.addEventListener('click', this.handleEvent);
  }

  ngOnDestroy() {
    // 移除事件监听器
    document.removeEventListener('click', this.handleEvent);
  }

  toggleService() {
    this.isServiceActive = !this.isServiceActive;
  }

  handleEvent = (event: Event) => {
    // 在事件触发时执行相应的操作
    // 可以在这里改变isServiceActive的值来控制*ngIf指令的条件
  }
}