Switch Nebular Calendar language without refresh browser
- Lenguaje dominante
- TypeScript
- Estrellas
- 8.1k
- Forks
- 1.5k
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
### Issue type
**I'm submitting a ...** (check one with "x")
* [x] bug report
* [ ] feature request
### Issue description
**Current behavior:**

when I switch i18n button, **I need to refresh the whole page** for selected language

**Expected behavior:**
**Switch language without refresh browser**
**Related code:**
**app.modele**
```
import { LocaleService } from '@core/services/locale.service';
import localeEN from '@angular/common/locales/en';
import localeZhHant from '@angular/common/locales/zh-Hant';
registerLocaleData(localeEN, 'en');
registerLocaleData(localeZhHant, 'zh-Hant');
providers: [
{
provide: LOCALE_ID,
deps: [LocaleService],
useFactory: (localeService) => localeService.getLocale(),
},
]
```
**locale.service**
```
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root',
})
export class LocaleService {
constructor() {}
localeStr: string;
setLocale(value: string) {
this.localeStr = value;
}
getLocale(): string {
this.localeStr = localStorage.getItem('lang') === 'zh-TW' ? 'zh-Hant' : 'en';
return this.localeStr;
}
public registerLang(lang: string) {
if (!lang) return;
switch (lang) {
case 'en-US': {
this.localeStr = 'en';
break;
}
case 'zh-TW': {
this.localeStr = 'zh-Hant';
break;
}
default: {
this.localeStr = 'zh-Hant';
break;
}
}
}
```
**i18n button**
```
getLang(data) {
this.languageMenu = [
{ title: data.TW, tag: 'zh-TW' },
{ title: data.US, tag: 'en-US' },
];
this.localeService.registerLang( 'en-US');
}
```
NbRangepickerComponent
```
```
### Other information:
I already import ngx-translate module in my project, it work well with angular i18n, but not working with Nebular Component NbRangepickerComponent, this component seem to using angular LOCALE_ID token for localization, but it need to refresh the whole page to change language.
[How to switch Nebular Calendar language without refresh browser?](https://stackoverflow.com/questions/68776152/how-to-switch-nebular-calendar-language-without-refresh-browser)
Guía de contribución
Evaluación
Este issue todavía no se ha evaluado.