检测ngIf内部输入的显示更改

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

@Component({
  selector: 'app-example',
  template: `
    <div *ngIf="showContent$ | async">
      <!-- 内容模板 -->
    </div>
  `,
})
export class ExampleComponent implements OnInit {
  showContent$: Observable<boolean>;

  ngOnInit() {
    // 假设showContent$是一个可观察对象，用于表示ngIf条件表达式的结果
    this.showContent$ = this.someService.getShowContent();
    
    // 订阅showContent$的变化
    this.showContent$.subscribe((showContent) => {
      if (showContent) {
        // 当ngIf条件表达式的结果为true时，执行相应的操作
        this.renderTemplate();
      } else {
        // 当ngIf条件表达式的结果为false时，执行相应的操作
        this.removeTemplate();
      }
    });
  }

  renderTemplate() {
    // 执行重新渲染和显示模板内容的逻辑
  }

  removeTemplate() {
    // 执行移除模板内容的逻辑
  }
}