如何在angular 6中显示/隐藏基于单选按钮选择的div？

<div>
  <label>
    <input type="radio" name="option" [(ngModel)]="selectedOption" value="show"> 显示
  </label>
  <label>
    <input type="radio" name="option" [(ngModel)]="selectedOption" value="hide"> 隐藏
  </label>
</div>

<div *ngIf="selectedOption === 'show'">
  这是要显示的内容。
</div>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  selectedOption: string = 'hide';
}

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule
  ],
  declarations: [
    MyComponentComponent
  ],
  exports: [
    MyComponentComponent
  ]
})
export class MyModule { }