обязательная проверка поля только для первого элемента в списке

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