无法将 ngModel 绑定到 p-dropdown 值（Angular）

Question

我使用 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。 这是结果

但是我在下拉列表中选择了项目，只是空白字段，单击下拉列表时我会看到所有选项。我的问题可能出在哪里？

Answer 1

所以问题出在数据请求/获取中

如果我将*ngIf 设置为下拉菜单，像这样*ngIf = "landlordPortfolios.length" 并删除[disabled]，一切顺利。