Dokumentation

Die <t>-Komponente

Binde deinen Inhalt in die Komponente <t> ein und der Inhalt wird übersetzt. Der Originalinhalt wird angezeigt, bis die Übersetzung geladen ist.

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

Text mit Bindungen funktioniert auch. Der Inhalt wird immer wieder übersetzt, wenn er sich ändert, zum Beispiel wenn sich name ändert:

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

Alle gleichzeitig angeforderten Übersetzungen werden in einer einzigen Anfrage an die API gesendet und die Übersetzungen werden zwischengespeichert. Du kannst so viele <t>-Komponenten verwenden, wie du möchtest.

<mt-translate> funktioniert als alternativer Selektor und Translate ist dieselbe Komponente wie T.

Eingaben

EingabeTypBeschreibung
formality'informal' | 'formal'Legt die Formalität der Übersetzung fest.
langLanguageÜberschreibt die mit provideMagicTranslate eingestellte Sprache.
<t lang="fr" formality="formal">How are you?</t>

Einschränkungen

Es gibt nur sehr wenige Einschränkungen:

  1. Du kannst keine Angular-Komponenten in die Komponente <t> setzen. Einfache HTML-Elemente sind in Ordnung (siehe das Beispiel unten). Das übersetzte Markup durchläuft das HTML-Desinfektionsmittel von Angular.
  2. Der Inhalt einer <t>-Komponente darf 10 KB nicht überschreiten, was etwa 5.000 Zeichen entspricht.
<!-- 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>

Um Attribute und andere Zeichenketten zu übersetzen, verwende t pipe.

BisherigeAngularAls NächstesDas t pipe