Dokumentacja

t pipe

Nie wszystko można owinąć w komponent. Atrybuty takie jak placeholder lub title przyjmują ciąg znaków, a czasami potrzebujesz tłumaczenia w kodzie TypeScript. W tym celu skorzystaj z metody t pipe lub translate usługi 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 zwraca oryginalny tekst do momentu załadowania tłumaczenia. Podobnie jak komponent <t>, przyjmuje język i formalność jako opcje:

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

Tłumaczenie w kodzie

Aby przetłumaczyć ciąg znaków w TypeScript, zadzwoń translate w usłudze MagicTranslate. Zwraca obietnicę.

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'
});

Bez opcji lang tekst jest tłumaczony na bieżący język.

PoprzednieKomponent <t>KolejnyWstępne renderowanie