PrimeNG下拉选择具有动态值的选项

Question

如何使用动态值设置PrimeNG p-dropdown选定选项？

我正在使用Formgroup，Formcontrol和我的下拉列表设置数据查询数据。现在，在我的一个编辑组件页面中，我希望选择具有动态值的选项。

Answer 1

获取动态值列表并将其推送到下拉列表。以下是一个例子。

data.dtOrgList包含服务层的值列表。

    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]});
                    }
                    })

Answer 2

1. 从数据库收到值后，使用SelectItems数组设置下拉列表的选项。

2. 使用SelectItem的值设置与下拉列表关联的formControl值。