set default value on drop down in angular 6

Question

I want to set a default value in my dropdown, but it seems I'm not able to do so.

<div class="form-group"> 
    <select id="interfaceType" (ngModelChange)="onChange($event)" [(ngModel)]="interfacengmodel" #interfaceType="ngModel"
    name="interfaceType" class="form-control" required  >
        <option value="" disabled selected>Choose Interface Name</option>
        <option *ngFor="let interface of interfaceList" [value]="interface.interfaceName">{{interface.interfaceName}}
        </option>
     </select>
     {{interfaceLocation}}
  </div>

I'm new to angular.
Thanks,

Can you post your fullcode first? or create demo link
– Just code
Commented Jan 10, 2019 at 9:31 — Just code, Commented Jan 10, 2019 at 9:31

Antoniossss · Accepted Answer · 2019-01-10 09:29:12Z

2

<select id="interfaceType" (ngModelChange)="onChange($event)" [(ngModel)]="interfacengmodel"

Just set the default value (whatever it is ) to interfacengmodel in your component and it will become selected

answered Jan 10, 2019 at 9:29

Antoniossss

32.6k7 gold badges65 silver badges114 bronze badges

Thank you. You saved my day.
– Pawan Tiwari
Commented Jan 10, 2019 at 9:34
@PawanTiwari Im glad it solves the issue. Consider marking this answer as accepted. Thanks!
– Antoniossss
Commented Jan 10, 2019 at 9:35
How to verify a file name format in angular. My format is like ACMTTL_01_##date##~ddMMyyyy_HHmmss##date##~
– Pawan Tiwari
Commented Jan 10, 2019 at 11:33

Add a comment |

Sachila Ranawaka · Accepted Answer · 2019-01-10 09:30:25Z

1

set the interfacengmodel as empty string

public interfacengmodel: UrType = "";

answered Jan 10, 2019 at 9:30

Sachila Ranawaka

41.5k8 gold badges61 silver badges87 bronze badges

Add a comment |

Ved_Code_it · Accepted Answer · 2019-01-10 09:32:34Z

0

set the value of property interfacengmodel that you want to selected as default

answered Jan 10, 2019 at 9:32

Ved_Code_it

7746 silver badges10 bronze badges

Add a comment |

Collectives™ on Stack Overflow

set default value on drop down in angular 6

3 Answers 3

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Related