Angular 6 ngx-bootstrap Datepicker全局语言环境

时间:2018-11-13 09:06:44

标签: angular datepicker ngx-bootstrap

我在Angular 6项目中使用的是ngx-bootstrap datepicker,我需要使用意大利语语言环境;使用官方指南( https://valor-software.com/ngx-bootstrap/#/datepicker#locales )我发现了这个问题,现在我的日期选择器看起来是意大利语,但是我还有另一个问题

要使用意大利语的日期选择器,我必须在每个组件中导入BsLocaleService并在onInit函数中使用 _localeService.use('it')方法; 我的问题是,是否可以在应用程序中全局设置意大利语语言环境,而无需调用在每个组件中设置语言环境的功能?

我试图在AppComponent中使用set locale函数,但是它不起作用。

谢谢大家

1 个答案:

答案 0 :(得分:1)

对于将来的读者,这是我的做法:

import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";

import { BsDatepickerModule } from "ngx-bootstrap";
import { BsLocaleService } from 'ngx-bootstrap/datepicker';
import { defineLocale } from 'ngx-bootstrap/chronos';
import { itLocale } from 'ngx-bootstrap/locale';

import { MyComponent } from "./my.component";

@NgModule({
    imports: [CommonModule, BsDatepickerModule.forRoot()],
    declarations: [MyComponent],
    providers: []
})
export class MyModule {
    constructor(localeService: BsLocaleService) {
        defineLocale('it', itLocale);
        localeService.use('it');
    }
}