Angular mat-select 和 mat-option 不显示

Question

我的 mat-option 内容没有显示在 ui 中，我确实将 MatSelectModule、MatOptionModule 和 MatFormFieldModule 导入到 Module.ts 文件中。 以前有人遇到过这个问题吗？ 这是 Angular 文档的示例： https://material.angular.io/components/select/overview html 文件：

<mat-form-field appearance="fill">
  <mat-label i18n="Select label">Select an option</mat-label>
  <mat-select>
    <mat-option *ngFor="let food of foods" [value]="food.value" > {{food.value}}
    </mat-option>
  </mat-select>
</mat-form-field>

文件：

interface Food {
  value: string;
  viewValue: string;
}

Component ...


  foods: Food[] = [
    {value: 'steak-0', viewValue: 'Steak'},
    {value: 'pizza-1', viewValue: 'Pizza'},
    {value: 'tacos-2', viewValue: 'Tacos'}
  ];
  constructor(){...}

这是用户界面结果

Answer 1

你需要导入这几个 arguments

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatFormFieldModule,MatLabel, MatOptionModule, 
     MatSelectModule } from '@angular/material';
    FormsModule,
    ReactiveFormsModule,
    MatLabel