Using ngModel, ngFor with Angular dropDownList

Asked Aug 13 '19 at 12:55

Active Aug 13 '19 at 12:55

Viewed 414 times

I have built these two dropDown Lists:

Using this html code:

<div class="form-group">
  <select  name="dropDownList1" class="form-control form-control-sm">
  <option *ngFor="let s of list_of_Values;"  id="field_status" name="field_status"   >{{s}}</option>
</select>
<select  name="dropDownList2" class="form-control form-control-sm">
  <option *ngFor="let s of list_of_Values;"  id="field_status" name="field_status"   >{{s}}</option>
</select>
</div>

And this typescript code:

list_of_Values:string[]=['value1','value2','value3','value4']
  list_of_Chosen_Values:string[]=['chosenValueOfList1','chosenValueOfList2']

What I want to do is use

ngModel

inside the option tag:

  <option *ngFor="let s of list_of_Values;"  id="field_status" name="field_status"   >{{s}}</option>

To bind the values of :

  list_of_Chosen_Values:string[]=['chosenValueOfList1','chosenValueOfList2']

To the chosen values by the user in the two lists.
Is this even doable?

asked Aug 13 '19 at 12:55

AG_HIHI

1,705
5
27
69

1

you can not use ngModel in option tag. – Kapil Thakkar Aug 13 '19 at 12:59
1

https://stackoverflow.com/a/35945293/2626905 I think this will help – Rahul Raveendran Aug 13 '19 at 12:59
@KapilThakkar what would you advise me to do then? – AG_HIHI Aug 13 '19 at 12:59
@RahulRaveendran Okay will check it out thanks – AG_HIHI Aug 13 '19 at 13:00
1

stackoverflow.com/a/35945293/2626905 please refer above comment URL – Kapil Thakkar Aug 13 '19 at 13:02
can you make stackblits – Chanaka Weerasinghe Aug 13 '19 at 13:18

Using ngModel, ngFor with Angular dropDownList

0 Answers0