Dokumentasi

Komponen <t>

Bungkus konten Anda dalam komponen <t>, dan konten diterjemahkan. Konten asli ditampilkan sampai terjemahannya dimuat.

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

Teks dengan binding juga berfungsi. Konten diterjemahkan lagi setiap kali berubah, misalnya saat name berubah:

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

Semua terjemahan yang diminta pada saat yang sama dikirim ke API dalam satu permintaan, dan terjemahan di-cache. Anda dapat menggunakan komponen <t> sebanyak yang Anda suka.

<mt-translate> berfungsi sebagai pemilih alternatif, dan Translate adalah komponen yang sama dengan T.

Masukan

MasukanMengetikDeskripsi
formality'informal' | 'formal'Menetapkan formalitas terjemahan.
langLanguageMengganti bahasa yang disetel dengan provideMagicTranslate.
<t lang="fr" formality="formal">How are you?</t>

Keterbatasan

Ada sangat sedikit batasan:

  1. Anda tidak dapat menempatkan komponen Angular di dalam komponen <t>. Elemen HTML biasa baik-baik saja (lihat contoh di bawah). Markup yang diterjemahkan melalui pembersih HTML Angular.
  2. Konten di dalam komponen <t> tidak boleh melebihi 10 KB, yaitu sekitar 5.000 karakter.
<!-- 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>

Untuk menerjemahkan atribut dan string lainnya, gunakan t pipe.

SebelumnyaAngularBerikutnyat pipe