add dropdown Programmatically

[vin]

I need to add same dropdowns programatically and add new ones when clicked Add new 

[Jeyanth Muthu Pratheeban Sankara Subramanian]

Hi Vin,

Greetings from Syncfusion support.

We have checked your query. We can achieve this requirement using ngFor in Angular. We have made a simple sample which demonstrates your requirement. Please find the sample below.



Sample Link : https://stackblitz.com/edit/angular-kkumu5-xbgfcb?file=app.component.html

Screenshot:


 

 

Regards,
Jeyanth.

[vin]

I am getting same values with your example
I need  different values for [(ngModel)]="value"

[Jeyanth Muthu Pratheeban Sankara Subramanian]

Hi Vin,

Thanks for your update.

We suggest you to use ngModel if you are in need of two way binding. Also since we used ngFor, control will be refreshed on each time when the iterating variable is affected and based on the iterating variable for loop is executed which causes same value to display for all rendered controls. To overcome this, we suggest you to update the value of the dropdownlist in the created event which triggers when the control is created.

 

Screenshot:


 

onCreated(e,instance){ 

    (instance.element.ej2_instances[0] as any).value = this.value; 

  } 

Sample Link : https://stackblitz.com/edit/angular-kkumu5-7btp93?file=app.component.ts

Regards, 

Jeyanth.