Qfyilyi

I am using p-dropdown of prime-ng with angular5. When I open my screen where one dropdown is having a list of items and I want to autoselect the value of dropdown from ts.

Please note: It is working in other screens, only in this particular screen not working.

Below is my component.html

<div class="ui-g-6">

  <p-dropdown #company="ngModel" [options]="companies" [autoWidth]="false" 

    [style]="{'width':'100%'}" placeholder="Select a Company" filter="true" 

   [(ngModel)]="selectedCompany" (onChange)="setBranches()"

    name="company" [autoDisplayFirst]="false" required></p-dropdown>

</div>

Below is the code of ts file,

this.companies = ;

if (this.customerGroups) {

    this.customerGroups.customers.forEach((customer) => {

        this.companies.push({

            label: customer.company,

            value: customer

        });

    });

} else {

    this.companies.push({

        label: this.campaign.customer.company,

        value: this.campaign.customer

    });

}

this.companies = JSON.parse(JSON.stringify(this.companies));

this.setSelectedCompany();





setSelectedCompany() {

        this.companies.forEach((company, index) => {

            if (this.invoice.id === null || this.invoice.id === undefined) {

                if (company.label === this.campaign.customer.company) {

                    // this.selectedCompany = company.value;

                    this.selectedCompany = this.companies[index].value;

                }

            } else {

                if (company.label === this.invoice.campaign.customer.company) {

                    // this.selectedCompany = company.value;

                    this.selectedCompany = this.companies[index].value;

                }

            }

        });

I think this may be issue with rendering on screen, can anyone help on this please.