Показать и скрыть вводы в зависимости от угловой кнопки 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">