angular - 你如何在 Angular 上全局配置 moment.js？

Question

将 moment.js 添加到我的项目后。要在组件中使用它，我需要先导入它。

import * as moment from 'moment';

然后在每个组件上，我创建一个空变量，并在 ngOnInit() 上初始化相同的配置

export class MyComponent implements OnInit {

   moment: any;

   ngOnInit() {
      moment.locale('ar');
      this.moment = moment;
    }
}

我发现自己到处复制粘贴这段代码。是否可以只做一次？至少配置 moment.locale() 之类的？

Answer 1

at least the configurations moment.locale()

你只需要做一次。

import * as moment from 'moment';
moment.locale(); // impacts *all* imports of moment from this point forward.

I find myself copy-pasting this code everywhere

您应该只复制粘贴 import * as moment from 'moment';。这是一件好事，因为您清楚地记录了项目中使用 moment 的位置。