Change select option with Angular2

Question

I want select a option in my select - option in my html with Angular2 , but I need do this for code.

<select name="lastDataVi" [(ngModel)]="lastDataVi">
   <option [ngValue]="undefined" selected="true" disabled="disabled">Select option</option>
   <option [ngValue]="vicombo.id" *ngFor="let vicombo of paramsServer.vicombo"> {{ vicombo.id}} </option>
   </select>

although I have my
<option [ngValue]="undefined" selected="true" disabled="disabled">Select option</option>

I need when I do click the button , Put the select- option in the frist option ->

<option [ngValue]="undefined" selected="true" disabled="disabled">Select option</option>

You just need to assign the selected value to this lastDataVi — Eldho
– Eldho, Commented Sep 24, 2018 at 8:39
but in my html I want that my user see the first option , not that I have the value = undefined" — EduBw
– EduBw, Commented Sep 24, 2018 at 8:42

Suhag Lapani · Accepted Answer · 2018-09-24 12:11:37Z

1

You need to use [value] instead of [ngValue]

 <option  *ngFor="let vicombo of paramsServer.vicombo" [value]="vicombo.id"> {{ vicombo.id}} </option>

answered Sep 24, 2018 at 12:11

Suhag Lapani

70310 silver badges19 bronze badges

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

Comments

pooja patil · Accepted Answer · 2018-09-24 08:44:33Z

0

You could use

<option selected="true" disabled="true"></option>

You need not use ngValue.

answered Sep 24, 2018 at 8:44

pooja patil

1011 silver badge9 bronze badges

3 Comments

EduBw Over a year ago

nop. without ngValue. In html never shows 1º option

pooja patil Over a year ago

Also you could refer this stackoverflow.com/questions/5805059/…

pooja patil Over a year ago

Created a plunker. See if it helps next.plnkr.co/edit/…

Collectives™ on Stack Overflow

Change select option with Angular2

2 Answers 2

Comments

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Linked

Related