如何使用angular4显示/隐藏组件？

<div *ngIf="showComponent">
  <!-- 组件内容 -->
</div>

export class MyComponent {
  showComponent: boolean = true;

  toggleComponent() {
    this.showComponent = !this.showComponent;
  }
}

<div [ngStyle]="{'display': showComponent ? 'block' : 'none'}">
  <!-- 组件内容 -->
</div>

export class MyComponent {
  showComponent: boolean = true;

  toggleComponent() {
    this.showComponent = !this.showComponent;
  }
}

<div [ngClass]="{'hidden': !showComponent}">
  <!-- 组件内容 -->
</div>

.hidden {
  display: none;
}

export class MyComponent {
  showComponent: boolean = true;

  toggleComponent() {
    this.showComponent = !this.showComponent;
  }
}