Documentation

Le composant <t>

Enveloppe ton contenu dans le composant <t>, et le contenu sera traduit. Le contenu original est affiché jusqu'à ce que sa traduction soit chargée.

<t>This content will be translated</t>

Le texte avec reliures fonctionne également. Le contenu est traduit à nouveau chaque fois qu'il change, par exemple lorsque name change :

<t>Hello {{ name() }}</t>

Toutes les traductions demandées en même temps sont envoyées à l'API en une seule demande, et les traductions sont mises en cache. Tu peux utiliser autant de composants <t> que tu le souhaites.

<mt-translate> fonctionne comme un sélecteur alternatif, et Translate est le même composant que T.

Entrées

SaisieTypeDescription
formality'informal' | 'formal'Définit la formalité de la traduction.
langLanguageRemplace la langue définie par provideMagicTranslate.
<t lang="fr" formality="formal">How are you?</t>

Limites

Il y a très peu de limites :

  1. Tu ne peux pas mettre de composants Angular dans le composant <t>. Les éléments HTML simples conviennent (voir l'exemple ci-dessous). Le balisage traduit passe par le filtre HTML de Angular.
  2. Le contenu d'un composant <t> ne peut pas dépasser 10 Ko, soit environ 5 000 caractères.
<!-- this is OK, since <a> is a plain HTML element -->
<t>
  <a href="mailto:info@i42.ch">Please send us an email</a>
</t>


<!-- this does NOT work, since <app-button> is an Angular component -->
<t>
  <app-button>Click me</app-button>
</t>

Pour traduire des attributs et d'autres chaînes, utilise le t pipe.

PrécédentAngularSuivantLe t pipe