如何在angular中隐藏窗体

<div *ngIf="!showForm">
  <!-- 窗体内容 -->
</div>

<div [ngClass]="{'hide': !showForm}">
  <!-- 窗体内容 -->
</div>

.hide {
  display: none;
}

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

@Component({
  selector: 'app-example',
  template: `
    <div #form>
      <!-- 窗体内容 -->
    </div>
  `
})
export class ExampleComponent {
  @ViewChild('form') form: ElementRef;

  hideForm() {
    this.form.nativeElement.style.display = 'none';
  }

  showForm() {
    this.form.nativeElement.style.display = 'block';
  }
}