Mat-select未显示角度2中的值

Question

我正在执行角度材料选择。我可以从webapi中获取值，但是由于某种原因它没有显示在我的选择垫中。下拉列表具有正确的行数，但文本不会显示，也不会显示选择时的值。请在下面查看我的代码：

<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}}