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

Question

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

电台

<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

这个form/elemnt我想显示type的值是"EFH"还是"ZFH"

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

Answer 1

由于您的单选按钮使用 ngModel 绑定到某些属性，因此您可以使用单选按钮模型属性检查（show/hide）div .

示例：

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

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

Show and hide inputs depending on radio button angular 2

html

javascript

forms

angular-ng-if

angular