Проверка радиокнопки в Angular не работает - PullRequest
Новая
       13

Проверка радиокнопки в Angular не работает

0 голосов
/ 09 июля 2020

Html Код для радиокнопки 

<div class="form-group">
  <label>Gender</label>
  <div class="form-check" *ngFor="let gen of genderList">
    <input class="form-check-input" type="radio" ngModel name="gender" [value]="gen" #f_Gender="ngModel" required>&nbsp;
    <span class="form-check-label">{{gen}}</span>
  </div>
  <span class="text-danger" *ngIf="f_Gender.invalid && (f_Gender.touched || f_Gender.dirty)">Please select gender</span>
</div>

Свойство, которое я добавил в машинный код. 

genderList: string[] = ['Male', 'Female'];

Проверка радиокнопки не работает. Он должен что-то делать с локальной ссылкой #f_Gender, которую я добавил на страницу. Так как местная ссылка добавляется дважды на страницу из-за l oop. Это сбивает с толку angular. Получаю ошибку Cannot read property 'invalid' of undefined. Это означает, что он не создает локальную ссылку или недоступен в теге диапазона проверки.

...