Selected option in angular

Question

How i selected option in angular? I would select the item in my option list, how do I do? Thank you all.

<div class="form-group">
    <select ngModel="skillSelezionate" multiple>
        <option *ngFor="let skill of listaSkill" [ngValue]="skill" ng-selected="skill.sigla === 'jee'" >
            {{skill.sigla}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{skill.descrizione}}
        </option>
    </select>
</div>

it's `[(ngModel)]="skillSelezionate"`, see the docs:https://angular.io/api/forms/NgModel#using-ngmodel-on-a-standalone-control, and for forms: https://angular.io/guide/forms-overview — Eliseo, Jul 11 '20 at 08:46
Does this answer your question? [Two Way Data Binding - Angular 2](https://stackoverflow.com/questions/41785027/two-way-data-binding-angular-2) — Basheer Kharoti, Jul 11 '20 at 08:49
[Here's how you can achieve that](https://stackoverflow.com/questions/46000950/angular-4-setting-selected-option-in-dropdown) — Basheer Kharoti, Jul 11 '20 at 08:51

score 1 · Answer 1 · answered Jul 11 '20 at 10:30

You need the two way data binding on your <select> via [(ngModel)]=" ... "

<select [(ngModel)]="skillSelezionate" multiple>
    <option *ngFor="let skill of listaSkill" [ngValue]="skill" ng-selected="skill.sigla === 'jee'" >
        {{skill.sigla}} - {{skill.descrizione}}
    </option>
</select>

You can learn more about template syntax here: Template Syntax - Angular

Selected option in angular

1 Answers1