Связывание и использование ngModel с несколькими вложенными объектами JSON - PullRequest
0 голосов
/ 30 мая 2019

Я пытаюсь связать и использовать ngModel с объектом JSON с двойным вложением.Это то, что я пытаюсь использовать: (Календарь от PrimeNG)

<div *ngFor="let field of fields;">
    <div *ngFor="let player of field.players; let i = index;">
        PlayerID: {{player.playerid}}
        <div *ngFor="let goal of player.goals; let j = index;">
            {{goal.timestamp}} <p-calendar [showTime]="true" dateFormat="yy-mm-dd" timeFormat="hh:mm" required [(ngModel)]="field.players[i].goals[j].timestamp"></p-calendar></span><br>
        </div>
    </div>
</div>

Однако, только первое значение даты в массиве связано правильно, остальные не работают вообще.

1 Ответ

0 голосов
/ 30 мая 2019

Попробуйте также использовать индекс для fields.

<div *ngFor="let field of fields; let fi = index;">
    <div *ngFor="let player of field.players; let i = index;">
        PlayerID: {{player.playerid}}
        <div *ngFor="let goal of player.goals; let j = index;">
            {{goal.timestamp}} <p-calendar [showTime]="true" dateFormat="yy-mm-dd" timeFormat="hh:mm" required [(ngModel)]="fields[fi].players[i].goals[j].timestamp"></p-calendar><br>
        </div>
    </div>
</div>
...