Проверка угловых форм внутри NgFor

Question

Скажите, у меня есть следующая форма:

<form #form="ngForm">
    <div *ngFor="let action of member_plan.actions">
        <div class="container">
            <h4 class="text-sm-center black mb-3">{{findActionTitle(action)}}</h4>
            <div class="col-sm-12">
                <div class="form-group">
                    <div class="headline">Vælg tid (i dage)</div>
                    <input type="text" placeholder="Antal dage" class="form-control" [pattern]="numberPattern"
                           name="days-{{member_plan.actions.indexOf(action)}}" required
                           [(ngModel)]="action.time">
                    <li *ngIf="'days-'+member_plan.actions.indexOf(action).errors && ('days-'+member_plan.actions.indexOf(action).dirty || 'days-'+member_plan.actions.indexOf(action).touched)">
                        Tid kan ikke indeholde bogstaver
                    </li>

                </div>
            </div>
        </div>
        <hr/>
    </div>
</form>

Как вы можете видеть, я пытался добавить проверку, так как name должен быть уникальным, как мне добавить проверку к каждому отдельному полю ввода?

Answer 1

Вы можете создать свой собственный входной компонент с логикой проверки, используя NG_VALUE_ACCESSOR.