how can i bind to a specific array item in angular 2?

Question

I want to use data that has been set in an array to bind to specific input boxes. with this piece of code, I get an error:

Recommendation.question contains an array of questions that has been loaded through a service. This works fine, and also if just show the value of question by using the brackets it works. Just the value of the array won't bind to the input box.

The error I Get:

Unhandled Promise rejection: Cannot assign to a reference or variable! ; Zone: <root> ; Task: Promise.then ; Value: ZoneAwareError Error: Cannot assign to a reference or variable!

  <div class="list-group-item"
    *ngFor="let question of Recommendation.question; let i = index;">
    <input class="form-control" name="question" [(ngModel)]="question"/>
    {{question}}
    {{i}}
  </div>

if I comment out the input field, the {{question}} shows the correct value that is at the current index of the array.

AVJT82 · Accepted Answer · 2017-03-03 14:40:54Z

1

The problem should lie with that the [(ngModel)] variable is the same as the reference in the iteration, meaning question.

Doing this should work:

<div class="list-group-item"
  *ngFor="let question of Recommendation.question; let i = index;">
  <input class="form-control" name="question" [(ngModel)]="Recommendation[i]"/>
  {{question}}
  {{i}}
</div>

answered Mar 3, 2017 at 14:40

AVJT82

73.6k25 gold badges146 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how can i bind to a specific array item in angular 2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related