将angular中的值替换为ngif或其他

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  isVisible = true;
}

<!-- app.component.html -->
<div>
  <p *ngIf="isVisible">这段文字将会根据isVisible的值显示或隐藏。</p>
</div>

<div>
  <p *ngIf="isVisible; then visibleContent else hiddenContent"></p>
  <ng-template #visibleContent>这段文字将会显示。</ng-template>
  <ng-template #hiddenContent>这段文字将会隐藏。</ng-template>
</div>

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

@Component({
  // ...
})
export class AppComponent {
  isVisible = false;

  constructor(private cdr: ChangeDetectorRef) {}

  ngOnInit() {
    setTimeout(() => {
      this.isVisible = true;
      this.cdr.detectChanges(); // 手动触发变更检测
    }, 1000);
  }
}