Dokumentacja

Komponent <t>

Owiń zawartość w komponencie <t>, a treść zostanie przetłumaczona. Oryginalna zawartość jest wyświetlana do momentu załadowania jej tłumaczenia.

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

Tekst z wiązaniami również działa. Treść jest ponownie tłumaczona za każdym razem, gdy się zmienia, na przykład gdy zmienia się name:

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

Wszystkie tłumaczenia żądane w tym samym czasie są wysyłane do interfejsu API w jednym żądaniu, a tłumaczenia są buforowane. Możesz używać dowolnej liczby komponentów <t>.

<mt-translate> działa jako alternatywny selektor, a Translate jest tym samym składnikiem co T.

Wejścia

WejścieTypOpis
formality'informal' | 'formal'Ustawia formalność tłumaczenia.
langLanguageZastępuje ustawiony język za pomocą provideMagicTranslate.
<t lang="fr" formality="formal">How are you?</t>

Ograniczenia

Istnieje bardzo niewiele ograniczeń:

  1. Nie można umieścić komponentów Angular wewnątrz komponentu <t>. Zwykłe elementy HTML są w porządku (patrz przykład poniżej). Przetłumaczony znacznik przechodzi przez odkażacz HTML Angular.
  2. Zawartość w składniku <t> nie może przekraczać 10 KB, czyli około 5000 znaków.
<!-- 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>

Aby przetłumaczyć atrybuty i inne ciągi, użyj t pipe.

PoprzednieAngularKolejnyt pipe