التوثيق

ال t pipe

لا يمكن تغليف كل شيء في مكون. تأخذ السمات مثل placeholder أو title سلسلة، وأحيانًا تحتاج إلى ترجمة في شفرة TypeScript الخاصة بك. بالنسبة لهؤلاء، استخدم t pipe أو أسلوب translate لخدمة MagicTranslate.

ال t pipe

import { Component } from '@angular/core';
import { TranslatePipe } from '@magic-translate/angular';
@Component({
selector: 'app-search',
imports: [TranslatePipe],
template: `<input [placeholder]="'Search products' | t" />`
})
export class Search {}

تقوم pipe بإرجاع النص الأصلي حتى يتم تحميل الترجمة. مثل مكون <t>، فإنه يأخذ اللغة والشكليات كخيارات:

<input [placeholder]="'Your name' | t: { lang: 'fr', formality: 'formal' }" />

الترجمة في الكود

لترجمة سلسلة في TypeScript، اتصل بـ translate على خدمة MagicTranslate. إنها تعيد الوعد.

import { inject } from '@angular/core';
import { MagicTranslate } from '@magic-translate/angular';
const magicTranslate = inject(MagicTranslate);
const message = await magicTranslate.translate('Your order has been placed');
// with options
const formal = await magicTranslate.translate('How are you?', {
lang: 'fr',
formality: 'formal'
});

بدون خيار lang، تتم ترجمة النص إلى اللغة الحالية.