Я использую p-выпадение простого ng с angular5.Когда я открываю свой экран, где один выпадающий список содержит список элементов, и я хочу автоматически выбрать значение выпадающего из TS.
Обратите внимание: он работает на других экранах, только на этом конкретном экране не работает.
Ниже приведен мой 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>
Ниже приведен код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;
}
}
});
Я думаю, что это может быть проблема с рендерингом на экране, может кто-нибудь помочь с этим, пожалуйста.