New to Kendo UI for Angular? Start a free 30-day trial

Locale Changes

You can change the current locale at runtime.

Changing Locales Dynamically

To dynamically change the CldrIntlService locale, set its localeId property. The service notifies each subscribed component that changes in the service were made and requires the component to update its output accordingly. To dynamically change the locale of the date and number pipes, pass the locale as a third parameter.

Example
View Source
Change Theme:

Using Lazy Loaded Modules

Projects with lazy loaded modules require additional setup to ensure that only one instance of the IntlService is loaded. Normally, each Kendo UI module provides its own service instance to the child module which makes locale changes across the whole application impossible.

As of version 2.0.0, the service is provided only in the root module and you are no longer required to include it in the child modules.

The following example demonstrates how to provide the CldrIntlService service in the root module and reuse it in the child modules.

Example
View Source
Change Theme: