Usage for Angular applications - Translation.io

1. Install

Add dependencies using

NPM

YARN

npm install @translation/angular yarn add @translation/angular

Code and documentation on translation/angular

2. Configure

Sign up (or Sign in).
Create a project.
Copy tio.config.json to the root of your project.
Execute npm run translation:init yarn translation:init to push your existing sources and translations.

3. Work

Write text using <p i18n>text</p> or $localize `text`.
Execute npm run translation:sync yarn translation:sync to push new sources and get new translations.
Translate or have it translated by others.

Repeat step 3 and relax

How to use our translation interface?

Hover the image to get details

Preview of the translation interface

List of segments to be translated

Filter segments on source, target or YAML key. Show only GetText, YAML or untranslated keys.

Translation suggestions using your translation memory, Google Translate or DeepL.

History of changes and discussion about the selected segment.

Where you translate the selected segment.

Change the target language. Invite collaborators by name or email.

What's next?

Read our step-by-step guide

— and —

Ready to adopt a smooth translation process?