Set value to dynamically generated dropdown list in a tabular Grid Angular 5

Question

There are many other controls in each row with this particular dropdown list. after a redirection, on ngInit, I have value in item, then I am setting the item's value in each row. everythin working fine. But for this dropdown list, just updating the item.duration model is not showing the selected value of the drop down list.

                 <td>
                  <select class="form-control" (change)="durationChange(item, $event.target.value)" [value]='item.duration'>
                    <option value="1">1 Month</option>
                    <option value="3">3 Months</option>
                    <option value="6">6 Months</option>
                  </select>
                </td>

Sachila Ranawaka · Accepted Answer · 2018-10-03 05:42:45Z

1

use the ngModel

<select class="form-control" [(ngModel)] ="item.duration" (change)="durationChange(item, $event.target.value)" [value]='item.duration'>

answered Oct 3, 2018 at 5:42

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

2 Comments

Abdur Rahim Over a year ago

Such a quick accurate answer! Thank you very much :)

Sachila Ranawaka Over a year ago

make sure to check this as answer if this helped :D

Collectives™ on Stack Overflow

Set value to dynamically generated dropdown list in a tabular Grid Angular 5

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