push properties in array from dropdown and input - Angular 2

Question

I have row of input fields and dropdowns. I can generate new row by clicking on button "Add row". I managed via "i of index" to get values for every input in that row, but I am unable to do that for dropdowns (also i get error when i select item from dropdown). When you fill inputs and select from dropdowns you can see result in console log after pressing button.

Plunker: Plunker

console.log example:

(2) [{…}, {…}]

0 : {name: "A", data: "123", num: "", char: ""} 1 : {name: "B", data: "123", num: "", char: ""}

Perhaps there is some other solution...

user4676340 · Accepted Answer · 2018-03-21 14:09:34Z

2

Why don't you just use the ng model property on it ?
Something like in this plunkr

<select [(ngModel)]="this.properties[i].num">
  <option selected disabled>Select type</option>
  <option *ngFor="let type of numberTypes">{{type}}</option>
</select>

<select [(ngModel)]="this.properties[i].char">
  <option selected disabled>Select type</option>
  <option *ngFor="let type of charTypes">{{type}}</option>
</select>

answered Mar 21, 2018 at 14:09

user4676340

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

2 Comments

John Theoden Over a year ago

Sure... any minute, there is time limit ;)

user4676340 Over a year ago

Sorry, I did not know that !

Collectives™ on Stack Overflow

push properties in array from dropdown and input - Angular 2

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related