Flat array dropdown set value not working

[Samir Modi]

I have an simple array bind to a dropdown. I am updating the array and getting the updated list back from server and I am trying to reassign the updated list to dataSource property which is working fine. However, I need to set the newly updated value as well in the dropdown after getting the results back .

I tried to reassign the value to ngModel property but it is not working. Have also tried .value property on dropdown but it is also not working as expected. 

Can you please assist?

[Sevvandhi Nagulan]

Hello Samir, 

Greetings from Syncfusion support. 

The cause of the issue is you were updated the value property before the list has been generated for the dataSource. So we suggest to update value property in the actionComplete or dataBound event for as mentioned code example, 

[app.component.html] 

<ejs-dropdownlist id='games' #sample1  [(ngModel)]= 'dropVal' [dataSource]='sportsData' [fields]='localFields' [placeholder]='localWaterMark' [popupHeight]='height'  (actionComplete)='OnActionComplete($event)'></ejs-dropdownlist> 

[app.component.ts] 

       OnActionComplete(e){ 

      this.dropdownlistObj.value = "Game5"; 

    } 

Please find the sample below, 

Sample Link: https://stackblitz.com/edit/angular-qf4uay-k2bcyf?file=app.component.ts 

Regards, 

Sevvandhi N 

[Samir Modi]

Able to resolve this now. Thanks Sevvandhi

[Sevvandhi Nagulan]

Hi Samir, 

Thanks for the update. 

Please let us know if you need any other further assistance on this. 

Regards, 

Sevvandhi N