首页 > 解决方案 > Angular Material MatMomentDateModule 导入所有 Moment 语言环境

问题描述

我将 MatMomentDateModule 用于 Angular Material 的 matDatePicker 组件。但这会导入 Moment.js 的所有语言环境,即使我只需要一个:

主捆绑模块的大小

有没有办法告诉它只导入我需要的语言环境?

在我的模块中,我像这样导入它:

import { MatDatepickerModule } from '@angular/material';
import { MatMomentDateModule } from '@angular/material-moment-adapter';

@NgModule({
  declarations: [],
  imports: [
    ...
    MatDatepickerModule,
    MatMomentDateModule,
    ...
  ],
  exports: [
    ...
    MatDatepickerModule,
    MatMomentDateModule,
    ...
  ]
})
export class MaterialModule {}

标签: angularangular-materialmomentjsangularfire

解决方案


您可以尝试在 app.module.ts 的 Providers 数组中指定它?

@NgModule({
  providers: [
    {provide: MAT_DATE_LOCALE, useValue: 'en-GB'},
  ],
})
export class MyApp {}

见链接:https ://material.angular.io/components/datepicker/overview#setting-the-locale-code


推荐阅读