show first value by default in drop-down

Question

i have created one drop down and i want to show the first value by default in drop down.

<select > 
          <option let i = index;" [selected]="i===0" >{{role.name}}</option>
          </select>

but this code is not working. when I am removing, on this time I am able to see the first value by default in drop down.

score 0 · Accepted Answer · answered Jun 30 '17 at 16:42

0

Since you are using [(ngModel)], if you have no value there in roleVal, nothing will be chosen. You can solve this by giving it the initial value:

roleVal = this.addwrkfrcePopUpMdl.userRole[0].name

which means you can remove [selected] altogether.

answered Jun 30 '17 at 16:42

AT82

71,416
24
140
167

i also tried ... but even select is not coming by default – rajeev tejapuriya Jul 01 '17 at 05:45
Well it should work, I assume this is part of a form, but it should work with or without it. Please recreate the issue in a plunker, since this works fine: http://plnkr.co/edit/99o8MtD9sUxQ2XsdbUq4?p=preview – AT82 Jul 01 '17 at 07:11
@rajeevtejapuriya How did it go, did you figure out the issue with the code? :) – AT82 Jul 03 '17 at 13:57
I have tried every solution but i am getting final result – rajeev tejapuriya Jul 04 '17 at 06:14
Could you reacreate the issue in a Plunker and I'd be happy to take a look :) – AT82 Jul 04 '17 at 06:43

show first value by default in drop-down

1 Answers1