Mat-Select 不显示选项

Posted 2023-03-13

【中文标题】Mat-Select 不显示选项

【英文标题】：Mat-Select not displaying options

【发布时间】：2019-07-03 04:31:29

【问题描述】：

我在一个 Angular 应用程序中工作，我正在尝试显示一些选项，但无论出于何种原因，当页面显示时，这些选项都丢失了，并且没有任何迹象表明引发了错误（在控制台）。我什至尝试做一个更简单的版本（没有将它附加到页面模型），但仍然没有。

    <mat-form-field>
        <mat-label>Active</mat-label>
        <mat-select >
            <mat-option value="true" >True</mat-option>
            <mat-option value="false">False</mat-option>
        </mat-select>
    </mat-form-field>

有没有人看看我放这个的方式有没有问题？ 旁注：我在该字段上方有另一个 mat-form-field，其中包含一个输入，但那个没有问题。感谢您的帮助。

【问题讨论】：

奇怪。您是否有条件地显示此内容？

尝试清除浏览器缓存。

尝试清除缓存，但没有。此外，包含此内容的 div 中有一个条件，但它是一个简单的隐藏属性，并且由于容器确实出现了，因此看起来不是问题所在。

您确定要导入 MatSelectModule 吗？

是的，我在模块中同时导入了 MatSelectModule 和 MatOptionModule。我不知道这是否重要，但我正在尝试在 BottomSheet 视图中使用它。

【参考方案1】：

对我来说，为了让它工作，必须在 app.module.ts 文件中导入 BrowserAnimationsModule，并且还必须添加一个预构建的材质主题。 我用过：

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";

【参考方案2】：

请检查您的 app.module.ts 中是否已导入浏览器动画模块。当我导入它时它对我有用。