angular - Mat-Select 不显示选项

Question

我在一个 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，其中包含一个输入，但那个没有问题。谢谢你的帮助。

标签： angulartypescriptangular-material

Answer 1

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

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