akveo / akveo/nebular

Switch Nebular Calendar language without refresh browser

Abierto
#2,828 0 comentarios 0 reacciones 0 asignados Ver en GitHub
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:**
![1](https://user-images.githubusercontent.com/5723917/129482775-6d56e3f7-40d1-47d2-bf04-c2cad9411ead.jpg)

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

![2](https://user-images.githubusercontent.com/5723917/129482806-f514405e-8f4e-4603-8133-def718b6f183.jpg)

**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

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.