#html #angular #ngfor #angular-validation
#HTML #angular #ngfor #angular-проверка
Вопрос:
Я использую Template Driven
для своей формы Angula’rs, и у меня есть div
, который повторяется несколько раз (в соответствии с переменной счетчика).
Дело в том, что мне нужна требуемая проверка только для первого элемента в этом списке, и я не уверен, как это сделать.
<div class="form-group required margin-left" *ngFor="let hore of horim;let i = index">
<label class="control-label translate-label" [id]="'lblShemPratiHore' i">{{selectedLanguage.shemPrati}}</label>
<!-- <img src="../../../assets/images/parent.png" alt="shem prati"> -->
<input
[id]="'shemPratiHore' i"
[(ngModel)]="hore.shemPrati"
class="form-control input-lg"
[name]="'shemPratiHore' i"
[attr.aria-describedby]="'lblShemPratiHore' i"
#shemPrati="ngModel"
required
[ngModelOptions]="{ updateOn: 'blur' }"/>/>
<div *ngIf="shemPrati.errors?.required amp;amp; shemPrati.touched" class="alert alert-danger">
Required Field
</div>
</div>
Ответ №1:
попробуйте привязку к требуемому атрибуту, если индекс равен 0. [обязательно]=»index == 0″
Комментарии:
1. на самом деле это было очень близко …. пожалуйста, измените свой ответ на:
[required]="i==0"
и я приму его как ответ
Ответ №2:
Ответ на этот пост выглядит следующим образом: [required]="i==0"