Magic Translate vs. Angular i18n

عادةً ما تتم ترجمة تطبيقات Angular باستخدام واحدة من ثلاث أدوات: i18n أو ngx-translate أو Transloco المضمنة في Angular. تتطلب الثلاثة ترجمات لكل لغة قبل إصدار تطبيقك. Magic Translate يترجم النص في القوالب الخاصة بك مباشرة، بدون ملفات الترجمة.

في لمحة

كيف تختلف الشفرة

باستخدام i18n المدمج في Angular، يمكنك وضع علامة على النص واستخراجه وترجمة الملف المستخرج لكل لغة:

<h2 i18n>Your shopping cart</h2>

ng extract-i18n
# then translate messages.xlf into messages.de.xlf, messages.fr.xlf, …
# and build the app once per language

باستخدام ngx-translate أو Transloco، تحتوي كل رسالة على مفتاح، وترجماتها موجودة في ملفات JSON:

<!-- ngx-translate -->
<h2>{{ 'cart.title' | translate }}</h2>

<!-- Transloco -->
<h2>{{ 'cart.title' | transloco }}</h2>

باستخدام Magic Translate، يمكنك كتابة النص وإصدار التطبيق الخاص بك:

<h2><t>Your shopping cart</t></h2>
<input [placeholder]="'Search products' | t" />

متى تختار Magic Translate

• تريد تطبيق Angular الخاص بك بالعديد من اللغات دون استخراج الملفات وترجمتها وتحميلها.
• تريد من المستخدمين تبديل اللغات دون إعادة تحميل التطبيق أو إنشائه مرة واحدة لكل لغة.
• يتغير النص كثيرًا، وتريد أن تظل كل لغة محدثة.

متى تختار Angular i18n أو ngx-translate أو Transloco

• يجب ترجمة جميع النصوص أو مراجعتها من قبل شخص.
• تحتاج إلى التحكم الدقيق في صيغ الجمع والصياغة في كل لغة.
• تريد حلاً مجانيًا بدون خدمة خارجية.

الانتقال إلى Magic Translate

يمكنك تبديل مكون واحد في كل مرة. استبدل المفتاح أو السمة i18n بالنص الإنجليزي في <t>، أو استخدم t pipe للسمات. يعرض دليل Angular الإعداد.

هل أنت مستعد لتجربته؟ اتبع دليل البدء لترجمة المكون الأول في خمس دقائق.