المكون <t>

قم بتغليف المحتوى الخاص بك في مكون <t>، وستتم ترجمة المحتوى. يتم عرض المحتوى الأصلي حتى يتم تحميل ترجمته.

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

يعمل النص مع الارتباطات أيضًا. تتم ترجمة المحتوى مرة أخرى كلما تغير، على سبيل المثال عندما يتغير name:

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

يتم إرسال جميع الترجمات المطلوبة في نفس الوقت إلى API في طلب واحد، ويتم تخزين الترجمات مؤقتًا. يمكنك استخدام العديد من مكونات <t> كما تريد.

يعمل <mt-translate> كمحدد بديل، و Translate هو نفس المكون مثل T.

المدخلات

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

القيود

هناك قيود قليلة جدًا:

1. لا يمكنك وضع مكونات Angular داخل مكون <t>. عناصر HTML العادية جيدة (انظر المثال أدناه). يمر الترميز المترجم عبر مطهر HTML الخاص بـ Angular.
2. لا يمكن أن يتجاوز المحتوى داخل مكون <t> 10 كيلوبايت، أي حوالي 5000 حرف.

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