Я пытаюсь получить значение из следующего поля ввода, сгенерированного вложенным ngFor l oop.
<form>
<mat-label *ngFor="let act of activity; let i = index;">
<input type="checkbox" class="actCheckbox">
<div *ngFor="let programSelected of programId; let index = index;">
<mat-form-field type="number">
<input matInput placeholder="No. of Applications" type="number"
[(ngModel)]="formProfile.applications[programSelected]"
[ngModelOptions]="{standalone:true}" (blur)="recordApplication()">
</mat-form-field>
</div>
</div>
{{func1Activities.activityName}}
</mat-label>
</form>
В настоящее время поля ввода генерируются вертикально в зависимости от действий, а также горизонтально, в зависимости от того, сколько программ выбрано пользователем.
<input matInput placeholder="No. of Applications" type="number [(ngModel)]="formProfile.applications[programSelected]" >
С помощью этой ngmodel я смог получить уникальное входное значение по горизонтали на основе разных программ, однако все поля ввода по вертикали для каждой программы, похоже, связаны друг с другом. Если я введу 1, этот столбец всех полей ввода будет иметь значение 1.
Мой вопрос заключается в том, как найти отдельное поле ввода и позволить пользователям вводить определенное значение c в каждое поле ввода?