Documentazione

Il componente <t>

Inserisci i tuoi contenuti nel componente <t> e il contenuto viene tradotto. Il contenuto originale viene mostrato fino al caricamento della traduzione.

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

Anche il testo con associazioni funziona. Il contenuto viene tradotto nuovamente ogni volta che cambia, ad esempio quando cambia name:

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

Tutte le traduzioni richieste contemporaneamente vengono inviate all'API in un'unica richiesta e le traduzioni vengono memorizzate nella cache. Puoi usare tutti i componenti <t> che desideri.

<mt-translate> funziona come selettore alternativo e Translate è lo stesso componente di T.

input

IngressoTipoDescrizione
formality'informal' | 'formal'Imposta la formalità della traduzione.
langLanguageSostituisce la lingua impostata con provideMagicTranslate.
<t lang="fr" formality="formal">How are you?</t>

Limitazioni

Ci sono pochissime limitazioni:

  1. Non puoi inserire componenti Angular all'interno del componente <t>. I semplici elementi HTML vanno bene (vedi l'esempio seguente). Il markup tradotto passa attraverso il sanificatore HTML di Angular.
  2. Il contenuto all'interno di un componente <t> non può superare i 10 KB, ovvero circa 5.000 caratteri.
<!-- 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>

Per tradurre attributi e altre stringhe, usa t pipe.

PrecedenteAngularProssimoIl t pipe