Angular4 ngIf未更新

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

@Component({
  selector: 'app-example',
  template: `<div *ngIf="isVisible">Content</div>`
})
export class ExampleComponent {
  isVisible = false;

  constructor(private cdr: ChangeDetectorRef) {}

  updateVisibility() {
    this.isVisible = true;
    this.cdr.detectChanges(); // 手动触发变更检测
  }
}

updateVisibility() {
  this.isVisible = true;
  setTimeout(() => {
    // 这里可以确保变更检测已经运行
  }, 0);
}

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

@Component({
  selector: 'app-example',
  template: `<div *ngIf="isVisible">Content</div>`
})
export class ExampleComponent {
  isVisible = false;

  constructor(private ngZone: NgZone) {}

  updateVisibility() {
    this.ngZone.run(() => {
      this.isVisible = true;
    });
  }
}