Angular2 - 显示/隐藏选择单选按钮的部分

Question

我必须根据单选按钮的选择来显示或隐藏部分

 <input name="options"  [(ngModel)]="options" type="radio" [value]="true" [checked]="options==true"/> Yes

    <input name="options"[(ngModel)]="options" type="radio" [value]="false" [checked]="options==false"/> No</label>

<div>
      <h2 ng-show="options == 'true'">Supply</h2>
      <h2 ng-show="options == 'false'">Demand</h2>
</div>

如果用户点击是，那么我们必须显示“供应”并隐藏“需求”如果用户点击否，那么我们必须显示“需求”并隐藏“供应”。

但现在在加载表单本身时，供应和需求都会显示在屏幕上。

Answer 1

在 Angular 中它可以通过 *ngIf 实现:

 <input name="options"  [(ngModel)]="options" type="radio" [value]="true" [checked]="options"/> Yes

 <input name="options"[(ngModel)]="options" type="radio" [value]="false" [checked]="!options"/> No

 <h2 *ngIf="options">Supply</h2>
 <h2 *ngIf="!options">Demand</h2>

并且无需检查 option==true 或 false、[checked]="options" 和 [checked ]="!options" 做同样的事情。