角度材质选择菜单未正确显示答案

【问题标题】：Angular Material Select menu not showing correctly角度材质选择菜单未正确显示
【发布时间】：2018-11-03 11:45:38
【问题描述】：

我正在为我的项目使用 Angular Material，我正在使用选择选项，但打开时下拉菜单的位置混乱。

第一个：

第二个：

第一个问题显示下拉列表看起来比选择元素高得多。第二个问题显示选项出现在选择元素上，但这是页面的底部，因此无法看到/选择第一个选项之后的任何内容。

我使用的代码是：

<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”作为参数，以禁用选项的居中，但它不起作用。

感谢任何帮助。

谢谢

【问题讨论】：

disableOptionCentering 不是有效属性。
您也可以添加您的父代码吗？您的父代码可能是导致问题的代码。或者添加一个演示？

标签： angular typescript angular-material2

【解决方案1】：

我确定您已经这样做了，但请确保您遵循本指南中的所有内容：https://material.angular.io/guide/getting-started

你是否正确安装了@angular/animations并记得导入BrowserAnimationsModule？

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

【讨论】：

你好，是的，我已经安装了@angular/animations，我正在导入 BrowserAnimationsModule。