Angular - 日期选择器切换在点击前不可见

Question

我正在尝试在 Angular8 中添加日期选择器。

我有如下代码

<mat-form-field>
  <input matInput [matDatepicker]="myDatePicker"/>
  <mat-datepicker-toggle [for]="myDatePicker" matSuffix></mat-datepicker-toggle>
  <mat-datepicker #myDatePicker></mat-datepicker>
</mat-form-field>

我在 app.module.ts

中导入了如下内容

import { MatDatepickerModule, MatNativeDateModule, MatFormFieldModule, MatInputModule } from '@angular/material';

我在@NgModule 导入中添加了所有四个

加载页面时，任何元素都不可见，但在我单击它时显示

提前致谢...

Answer 1

终于解决了这个问题。我缺少样式导入。我确实在主文件夹的 style.css 中进行了如下导入。

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

教程中没有提到，但我在下载工作示例并与我的代码进行比较时意识到了这一点。