Question

我在下面有一个div与ngif，需要在顶部div选择No时显示..请帮我这个

<div>
    <mat-radio-group>
    <mat-radio-button value="1" [(ngModel)]="options" [value]="true" [checked]="options"> No </mat-radio-button>
      <mat-radio-button value="2"> Yes</mat-radio-button>
    </mat-radio-group>
    </div>

<div *ngIf=checked>
<mat-radio-group>
  <mat-radio-button value="1">Option 1</mat-radio-button>
  <mat-radio-button value="2">Option 2</mat-radio-button>
</mat-radio-group>
</div>

Answer 1

你的ts文件中的

听取单选按钮的变化

你的html文件中的

<div>
<mat-radio-group>
  <mat-radio-button (change)="onRadioChange($event)" value="1"> No </mat-radio-button>
  <mat-radio-button value="2"> Yes</mat-radio-button>
</mat-radio-group>
</div>

<div *ngIf="canViewDiv">
<mat-radio-group>
  <mat-radio-button value="1">Option 1</mat-radio-button>
  <mat-radio-button value="2">Option 2</mat-radio-button>
</mat-radio-group>
</div>

你的.ts文件中的

import { MdRadioChange } from '@angular/material';
....
canViewDiv: boolean = false;

....
onRadioChange(event: MdRadioChange) {
    this.canViewDiv = event.value == 1;
}

如何在选择单选按钮角度2时渲染div

1 个答案: