# Translation

Translate service is used to translate words, phrases, web pages, etc.


We have used @ngx-translate to translate content. For details, you can visit the official page from here (opens new window).
You can translate content from navbars translate dropdown.

# Requirements

To use Translate service, we need to import the TranslateModule to that specific module where we want translate functionality.

import { TranslateModule } from '@ngx-translate/core';
declarations: [
imports: [
providers: []

# Usage

Use pipe translate with template variable to translate that specific variable content.

Example :

<div class="card-localization border rounded mt-3 p-2">
  <h5 class="mb-1">{{ 'CARD.TITLE' | translate }}</h5>
  <div class="card-text">{{ 'CARD.TEXT' | translate }}</div>

You can check the demo on this (opens new window) page.

Last Updated: 3/8/2021, 7:51:55 PM