How to set PrimeNG p-dropdown selected option with dynamic value ?
I am using Formgroup, Formcontrol and my dropdown are set with data querying from database. Now in one of my edit component page I want selected option with dynamic value.
Asked
Active
Viewed 1.1k times
2
Antikhippe
- 6,316
- 2
- 28
- 43
Arunava
- 81
- 1
- 1
- 5
-
Can you share your code? – JuanDM Dec 06 '17 at 13:23
-
Have a look at **[How to set default value for PrimeNG p-dropdown](https://stackoverflow.com/questions/49623774/how-to-set-default-value-for-primeng-p-dropdown/52290047#52290047)**. – Murat Yıldız Sep 12 '18 at 07:49
2 Answers
4
Get the dynamic list of values and push it to the drop down. Below is an example.
data.dtOrgList contains list of values from service layer.
html
------------------
<p-dropdown [options]="orgs" [(ngModel)]="selectedOrg"></p-dropdown>
component.ts
-------------------
orgs:SelectItem[];
selectedOrg : string;
dtOrgList: Array<any>;
this.itemDetailsService.getItemDetails(input).subscribe(
data => {
this.dtOrgList = data.dtOrgList;
this.orgs = [];
this.orgs.push({label: 'Select', value: null});
for(var i = 0; i < this.dtOrgList.length; i++) {
this.orgs.push({label: this.dtOrgList[i], value: this.dtOrgList[i]});
}
})
Jan69
- 1,109
- 5
- 25
- 48
0
After you receive the values from the database, set the options of the dropdown with the array of SelectItems.
Set the formControl value associated with the dropdown with the value of the SelectItem.
Lionel
- 21
- 2