Показать и скрыть вводы в зависимости от угловой кнопки 2

Я хотел бы показать и скрыть дополнительные поля ввода в зависимости от значения переключателя.

Радио

<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">

1 ответ

Решение

Поскольку ваши переключатели привязаны к какому-либо свойству с помощью ngModel, вы можете использовать свойство модели переключателей, чтобы проверить (показать / скрыть) элементы div.

Пример:

  <div *ngIf="type == 'EFG' || type == 'ZFH'" class="form-group">
Другие вопросы по тегам