Skip to main content

Tolgee for Angular provides simple API to create multi-lingual Angular application. With Tolgee i18n library for Angular you can enjoy all Tolgee i18n features.

To see Angular with Tolgee in action, check this example app.

npm i @tolgee/ngx

Get started!

1. Create project in Tolgee platform

Go to Tolgee Cloud app or access your self-hosted instance and create a project. Then obtain your API key.

2. Setup Tolgee integration

Install the npm packages.

npm i @tolgee/ngx @tolgee/ui

Then import NgxTolgeeModule in your app

import { NgxTolgeeModule } from "@tolgee/ngx";
import { UI } from "@tolgee/ui";
import { NgModule } from '@angular/core';


@NgModule({
declarations: [
...
],
imports: [
...,
NgxTolgeeModule.forRoot({
apiUrl: "https://app.tolgee.io",
apiKey: "<your api key>",
ui: UI
}),
...,
],
...,
})
export class AppModule {
}

3. Use elements with "t" attribute to translate

<h1 t key="translate_me" default="Translate me!"></h1>

Now you are able to Alt + Click & translate your texts!

More integrations

Show all