首页 > 解决方案 > Angular:如何从嵌套的 ngFor 循环中获取输入值?

问题描述

我正在尝试从嵌套 ngFor 循环生成的以下输入字段中检索值。

             <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。

我的问题是如何定位单个输入字段并允许用户在每个输入字段中输入特定值?

标签: angularmultidimensional-arrayinputngforangular-ngmodel

解决方案


推荐阅读