Angular 2 - Setting selected value on dropdown list

Question

I have run into an issue in pre-selecting values on a dropdown list in Angular 2.

I set an array of colours in the component which I bind successfully to the drop

Answer 1

This Example solution is for reactive form

 
                
                  {{item.nickName}}
                
              

In the Component:

this.formGroup.patchValue({
        preferredBankAccountId:  object_id_to_be_pre_selected
      });

You can also give this value where you initialize your formGroup or later,depending on your requirement.

You can do this by using [(ngModel)] binding also where you don't have to initialize your formControl.

Example with [(ngModel)] binding

 
                  {{city.cityName}}
                

Here, matchedCity is one of object within cities.