telerik/kendo-angular-i18n-sample

Sample i18n-enabled Angular application with Kendo UI for Angular

This repository is no longer updated. To access the current version, refer to the kendo-angular repository.

Kendo UI for Angular: Internationalization

This repository contains a sample application which demonstrates how to translate the built-in messages of the Kendo UI for Angular components.

For more details, refer to the article on localization.

Get Started

1. Clone this repository by using your favorite Git client or by executing git clone https://github.com/telerik/kendo-angular-i18n-sample.git.
2. Enter the project directory by running cd kendo-angular-i18n-sample.
3. Run npm install to install the project dependencies.

Table of Contents

• Extracting Messages
• Translating Messages
• Running the Application
• Original Angular CLI Documentation
  • Development Server
  • Code Scaffolding
  • Builds
  • Unit Tests
  • End-to-End Tests
  • Further Help
• Other Kendo UI Sample Projects for Angular

Extracting Messages

To extract the application messages in src/locale/messages.xlf, run the npm run i18n-extract command.

Translating Messages

To automatically translate Kendo UI texts from the @progress/kendo-angular-messages message pack, run the npm run i18n-translate command.

To translate Kendo UI messages for the "es-ES" locale only, run the npm run i18n-translate-kendo-es command.

Running the Application

To run your application with the es-ES locale, run the npm run start-es.

Original Angular CLI Documentation

This project is generated by using the 1.0.0-beta.31 Angular CLI version.

Development Server

1. To set a development server, run ng serve.
2. Navigate to http://localhost:4200/.

The application will automatically reload each time you change a source file.

Code Scaffolding

To generate a new component, run the ng generate component component-name command. You can also use ng generate directive/pipe/service/class/module.

Builds

To build the project, run the ng build command. The build artifacts are stored in the dist/ directory. Use the -prod flag for a production build.

Unit Tests

To execute the unit tests through Karma, run the ng test command.

End-to-End Tests

Before running the tests make sure you are serving the application by using the ng serve command.

To execute the end-to-end tests through Protractor, run the ng e2e command.

Further Help

To get support for the Angular CLI tool, either:

• Run the ng help command, or
• Check out the Angular CLI README file.

Other Kendo UI Sample Projects for Angular

Sample Project Repository	Sample Project Documentation
Using Kendo UI with the Angular CLI	Get Started
Using Kendo UI for Angular with Angular QuickStart	Using with SystemJS
Using Kendo UI for Angular with Angular Seed	Not documented
Using Kendo UI for Angular with Angular Universal	Universal Rendering
Using Kendo UI for Angular with UI for ASP.NET Core	UI for ASP.NET Core Integration
Using Kendo UI for Angular with NativeScript	Not documented