【问题标题】:Angular 6 ngx-bootstrap Datepicker global localeAngular 6 ngx-bootstrap Datepicker 全局语言环境
【发布时间】:2018-11-13 09:06:44
【问题描述】:
我正在为我的 Angular 6 项目使用 ngx-bootstrap 日期选择器,我需要使用意大利语言环境;通过官方指南(https://valor-software.com/ngx-bootstrap/#/datepicker#locales)我发现了这个问题,现在我的日期选择器用意大利语显示,但我还有另一个问题.
要使用意大利语的 datepicker,我必须在每个组件中导入 BsLocaleService 并在 onInit 函数中使用 _localeService.use('it') 方法;
我的问题是,我可以在我的应用程序中全局设置意大利语言环境,而不调用函数在每个组件中设置语言环境吗?
我尝试在 AppComponent 中使用 set locale 功能,但不起作用。
谢谢大家
【问题讨论】:
标签:
angular
datepicker
ngx-bootstrap
【解决方案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');
}
}