文档

<t> 组件

将您的内容包装在 <t> 组件中，内容就会被翻译。原始内容会一直显示到其翻译内容加载完毕为止。

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

带有绑定的文本也可以。每当内容发生变化时，例如当 name 更改时，内容都会再次翻译：

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

同时请求的所有翻译都将通过单个请求发送到 API，并缓存翻译。你可以随心所欲地使用任意数量的 <t> 组件。

<mt-translate> 用作备用选择器，而 Translate 与 T 是同一个组件。

输入

输入类型描述
formality'informal' | 'formal'设置翻译的形式。
langLanguage用 provideMagicTranslate 覆盖语言集。
<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。

以前Angular下一步t pipe