角度材料選擇菜單顯示不正確

Question

我正在為項目使用Angular Material，正在使用選擇選項，但是打開時下拉菜單的位置會混亂。

第一：

第二名：

第一個問題顯示下拉列表看起來比select元素高得多。 第二個問題顯示選項位於select元素上方，但這是頁面的底部，因此無法看到/選擇第一個選項之后的所有內容。

我使用的代碼是：

<mat-form-field>
  <mat-select placeholder="Favorite food" disableOptionCentering>
    <mat-option value="Pizza">
      Pizza
    </mat-option>

    <mat-option value="Taco">
      Taco
    </mat-option>

    <mat-option value="Kebab">
      Kebab
    </mat-option>

    <mat-option value="Burgers">
      Burgers
    </mat-option>
  </mat-select>
</mat-form-field>

直接從Angular Material網站獲取。 我也嘗試添加“ disableOptionCentering”作為參數，以禁用選項的居中，但是它不起作用。

任何幫助表示贊賞。

謝謝

Answer 1

我確定您已經這樣做了，但是請確保您已遵循本指南中的所有內容： https : //material.angular.io/guide/getting-started

您是否正確安裝了@ angular / animations並記得導入BrowserAnimationsModule？

import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
@NgModule({
  ...
  imports: [BrowserAnimationsModule],
  ...
})
export class PizzaPartyAppModule { }