HTML代码:
<div *ngFor="let goal of players.goals; let last = last; let j = index;">
<div *ngIf="last == true">
Status for Last Update:
<span>
<b>{{goal.state}}</b>
<br>
<p-dropdown [ngModel]="players[i].goals[j].state"
#updateStatus="ngModel"
[options]="statusOptions" required name="status">
</p-dropdown>
<span class="text-danger"
*ngIf="(updateStatus.invalid && (updateStatus.dirty || updateStatus.touched))">
New status is required
</span>
</span>
</div>
</div>
因此,我目前拥有上面的代码,并且我正在尝试对数据进行单向绑定,以便将玩家对象发布到API。警告消息显示在所有玩家状态旁边,而不仅仅是我正在更改的状态,但是,状态仅显示在要更改的一位玩家的表格上。
由于某种原因,似乎最后一个元素将其值绑定到所有玩家,而不是每个玩家单独。我不想使用双向绑定,因为我想显示有关其最近目标状态的信息并允许输入一个新目标。
当前,表单是通过GoalForm.value提交的。