<t> コンポーネント

コンテンツを <t> コンポーネントで囲むと、コンテンツが翻訳される。元のコンテンツは、翻訳が読み込まれるまで表示される。

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

バインディング付きのテキストも使える。コンテンツは、name が変更された場合など、変更されるたびに再度翻訳される。

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

同時にリクエストされたすべての翻訳は、1回のリクエストでAPIに送信され、翻訳はキャッシュされる。<t> コンポーネントは好きなだけ使える。

<mt-translate> は代替セレクターとして機能し、Translate は T と同じコンポーネントだ。

インプット

<t lang="fr" formality="formal">How are you?</t>

制限事項

制限はほとんどない：

1. Angular コンポーネントを <t> コンポーネントの中に入れることはできない。プレーンなHTML要素でも問題ない（下の例を参照）。翻訳されたマークアップは Angular の HTML サニタイザーを通過する。
2. <t> コンポーネント内のコンテンツは、10 KB、つまり約5,000文字を超えてはいけない。

<!-- 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>

属性やその他の文字列を翻訳するには、t pipe を使う。