Невозможно привязать ngModel к значению p-раскрывающегося списка (угловое) - PullRequest
Новая
       18

Невозможно привязать ngModel к значению p-раскрывающегося списка (угловое)

1 голос
/ 27 мая 2019

Я использую PrimeNg выпадающий список

Вот HTML-шаблон 

<div>
  <label>{{ l('Portfolio') }}</label>
  <p-dropdown
    [(ngModel)]="property.portfolioId"
    [disabled]="!landlordPortfolios.length"
    [options]="landlordPortfolios"
    autoWidth="false"
    [style]="{ width: '100%' }"
    name="landlordPortfolio"
    [autoWidth]="true"
  ></p-dropdown>
</div>

Я получаю значения для выпадающего списка с помощью этого метода 

getLandlordPortfoliosById(landlordId: number): void {
  this.landlordPortfolios = [];

  this._landlordPortfolios.getPortfolioDropdownValuesById(landlordId).subscribe(result => {
    result.items.forEach(value => {
      this.landlordPortfolios.push({
        label: value.name,
        value: value.id,
      });
    });
  });
}

И назовите это так: 

if (this.property.landlordId) {
  this.getLandlordPortfoliosById(this.property.landlordId);

  this.initLandlordSuggestionsById(this.property.landlordId);
}

Например, у меня есть landlordId = 1, и выбранная опция для выпадающего списка должна быть также с id = 1.Вот результат

enter image description here Но я получаю выбранный элемент в раскрывающемся списке, просто пустое поле, и вижу все варианты, когда нажимаю раскрывающийся список.Где может быть моя проблема?

1 Ответ

0 голосов
/ 27 мая 2019

Так что проблема была в запросе / получении данных

, если я установил *ngIf в раскрывающемся меню, например, *ngIf = "landlordPortfolios.length" и удалил [disabled], все прошло хорошо.

...