Dynamically change LOCALE_ID in Kendo UI for Angular

Viewed 1285

How can I dynamically change LOCALE_ID?
Currently I set it in app.module providers:

{ provide: LOCALE_ID, useValue: "sl-SI" },

and load resources with require (as I found in your documentation):

import { load } from '@telerik/kendo-intl';
load(
    //supplemental data
    require("../cldr-data/supplemental/likelySubtags.json"),
    require("../cldr-data/supplemental/weekData.json"),
    require("../cldr-data/supplemental/currencyData.json"),

    //locale data
    require("../cldr-data/main/sl/numbers.json"),
    require("../cldr-data/main/sl/currencies.json"),
    require("../cldr-data/main/sl/dateFields.json"),
    require("../cldr-data/main/sl/ca-gregorian.json"),
    require("../cldr-data/main/sl/timeZoneNames.json")
);

But I want to dynamically change it when user change language for example.

Changing translation with ngx-translate is as simple as calling translate.use('en');.
How can I achieve same user experience for internationalization?
I suppose I need to dynamically load cldr-data*.json files, but then what?

1 Answers
Related