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