Question

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

无线电

<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

这个表格/元素我想表明，如果类型的值是＆＃34; EFH＆＃34;或＆＃34; ZFH＆＃34;

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

Answer 1

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

示例：

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

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

1 个答案: