Tutorial for using xliffmerge with angular cli

Start a new project

If you haven't done it at all, install angular-cli globally:

npm install -f @angular/angular-cli@latest

Then you can create a new project:

ng new sampleapp

cd sampleapp

Change the app, so that it uses some texts that need translations

For this tutorial we assume, that your preferred language is not English, but something else, e.g. German. So what you want to write your application in German and translate it to English later.

So as a first step we change our application to German and additionally mark all text, that needs translation, with an i18n-Attribute (for details have a look at the Angular Cookbook about Internationalization).

Out application.html will now look like this:

Meine erste I18N-Anwendung

Anwendung läuft!