NgModel绑定混乱

时间:2019-05-31 13:39:28

标签: html angular

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提交的。

0 个答案:

没有答案