Mat-select не показывает значения в угловых 2

Question

Я выполняю выбор углового материала.Я могу получить значения из webapi, но по какой-то причине они не отображаются в моем mat-select.В раскрывающемся списке указано правильное количество строк, но тексты не отображаются и значение, если оно также выбрано.Пожалуйста, смотрите мой код ниже:

<mat-form-field>
  <mat-label>Select property type</mat-label>
  <mat-select [(value)]="selectedPropertyType">
    <mat-option>None</mat-option>
    <mat-option
      *ngFor="let item of propertyTypes"
      [value]="item.PropertyTypeId"
      >{{ item.Type }}</mat-option
    >
  </mat-select>
</mat-form-field>
<p>You selected: {{ selectedPropertyType }}</p>

вот как я получаю значения:

getPropertyTypes = () => {
    this.propertyService.getPropertyTypes()
        .subscribe((data: PropertyType[]) => {
            this.propertyTypes = data;
            console.log(this.propertyTypes);
        })
}

Вот результат, который я получаю: Можете ли выпожалуйста, покажи мне, как это сделать правильно?Спасибо.

Answer 1

В вашем коде есть опечатка, вместо type вы использовали Type. Также я рекомендую использовать безопасный оператор навигации:

{{ item?.type}}