angular 2 set combobox values programatically

Question

I have an issue with setting values of combobox from the component. values for comboboxes are loaded in levelCombined[j][i]['result']

                <tr *ngFor="let x of levelCombined, let j=index">
                <td *ngFor="let y of x, let i=index">
                    <select class="form-control" id="comboBoxLevelSelction"
                            name="levelSelection"
                            (change)="onLevelSelect($event,j,i)">
                        <option disabled selected value> - select an option -</option>
                        <option *ngFor="let ln of levelNames" [ngValue]="levelCombined[j][i]['result']">{{levelCombined[j][i]['result']}}</option>
                    </select>
                </td>
            </tr>

Currently all comboboxes are set with default option. I think that I am not using ngValue properly.

you can use the property binding syntax [value]="your value". More details on binding different form controls can be found here. https://scotch.io/tutorials/how-to-deal-with-different-form-controls-in-angular-2 — HirenParekh
– HirenParekh, Commented Feb 28, 2017 at 16:05

Pengyy · Accepted Answer · 2017-02-28 15:54:01Z

1

use [(ngModel)] to bind the default option with value of the component.

answered Feb 28, 2017 at 15:54

Pengyy

38.3k15 gold badges85 silver badges73 bronze badges

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

1 Comment

playerone Over a year ago

you are right I, I used code. <option selected [(ngModel)]="levelCombined[j][i]" ngDefaultControl>{{levelCombined[j][i]['level']}}</option> code. and it works. thanks!

Collectives™ on Stack Overflow

angular 2 set combobox values programatically

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related