CODEWITHSUNDEEP
javascriptangulartypescriptangular5
user10327238
user10327238

Reputation: 21

How to display Dropdown selected Item using Angular5/6?

I want to display selected item in Dropdown list based on id. 

<div class="formrow" *ngFor='let a of applicantName'>
  <label>Status Selection :</label>
  <select id="AStatus" formControlName="AStatus" class="form-control">
    <option value="0">All</option>
    <option *ngFor="let apt of applicantStatus" [value]="apt.ApplicantStatusID" [selected]="apt.ApplicantStatusID === a.Status">
      {{ apt.ApplicantStatus }}
    </option>
  </select>
</div>

This code is not working and not showing selected option.

Upvotes: 0

Views: 52

Answers (1)

Sunil
Sunil

Reputation: 11243

value should be set for select not for option.

<div class="formrow" *ngFor='let a of applicantName'>
  <label>Status Selection :</label>
  <select id="AStatus" [value]="apt.ApplicantStatusID" formControlName="AStatus" class="form-control">
    <option value="0">All</option>
    <option *ngFor="let apt of applicantStatus" [value]="apt.ApplicantStatusID">
      {{ apt.ApplicantStatus }}
    </option>
  </select>
</div>

Upvotes: 1

Related Questions