angular - 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。
我的问题是如何定位单个输入字段并允许用户在每个输入字段中输入特定值?
解决方案
推荐阅读
- kubernetes - Kubernetes Service 可以控制给定 pod 的流量百分比吗?
- google-data-studio - 在 Google Data Studio 中运行 Delta 问题
- git - 将功能分支合并到主要错误:您正在尝试根据过期信息修改拉取请求
- docker - 如何将发行版弹性搜索服务连接到 docker compose 中定义的另一个服务
- powerbi-desktop - Power Bi 公式 Value.Is([Column], type date) 不起作用
- svg - 为什么无论填充规则如何,我都无法填充路径中的某些区域?
- java - 从 localhost 导入列表时,人们如何修复反序列化错误?
- python - 如何从一个孩子是特定值的 XML 中提取多个孙子/孩子?
- php - 不能在流明(Laravel)中延迟队列作业
- c# - 更改 Sharepoint Webhook 的 Microsoft Graph 资源