根据单选按钮 angular 2 显示和隐藏输入答案

【问题标题】：Show and hide inputs depending on radio button angular 2根据单选按钮 angular 2 显示和隐藏输入
【发布时间】：2017-08-08 21:46:29
【问题描述】：

我想根据单选按钮的值显示和隐藏其他输入字段。

收音机

<div class="form-group">
  <label>Was möchten Sie bewerten?</label>
            <div class="radio">
              <label><input type="radio" [(ngModel)]="type" name="type" value="ETW">Eigentumswohnung</label>
            </div>
            <div class="radio">
              <label><input type="radio" [(ngModel)]="type" name="type" value= "EFH">Einfamilienhaus</label>
            </div>
            <div class="radio">
              <label><input type="radio" [(ngModel)]="type" name="type" value="ZFH">Mehrfamilienhaus</label>
            </div>
  </div

这个表单/元素我想显示类型的值是“EFH”还是“ZFH”

  <div *ngIf="" class="form-group">

【问题讨论】：

标签： javascript html forms angular angular-ng-if

【解决方案1】：

由于您的单选按钮使用 ngModel 绑定到某些属性，因此您可以使用单选按钮模型属性来检查（显示/隐藏）div。

例子：

  <div *ngIf="type == 'EFG' || type == 'ZFH'" class="form-group">

【讨论】：

默认如何显示？例如，当用户没有选择任何内容或选中“EFG”时显示它？ [已解决]<div *ngIf="type == 'EFG' || !type" class="form-group">duh！