Magic Translate vs. Angular i18n
Aplikasi Angular biasanya diterjemahkan dengan salah satu dari tiga alat: i18n bawaan Angular, ngx-translate atau Transloco. Ketiganya memerlukan terjemahan untuk setiap bahasa sebelum Anda merilis aplikasi Anda. Magic Translate menerjemahkan teks dalam template Anda secara langsung, tanpa file terjemahan.
Sekilas
| Magic Translate | Angular i18n | ngx-translate dan Transloco | |
|---|---|---|---|
| Bagaimana Anda menulis teks | Kata-kata Anda sendiri, dalam <t> atau t pipe | Kata-kata Anda sendiri, ditandai dengan i18n | Kunci untuk setiap pesan |
| Terjemahan | Terjemahan AI, dibuat secara otomatis | Diekstrak ke file XLIFF dan diterjemahkan oleh Anda | File JSON per bahasa, ditulis oleh Anda |
| Beralih bahasa | Saat runtime | Satu build per bahasa | Saat runtime |
| Render server | Ya, diterjemahkan pada waktu pembuatan dengan pra-endering | ya | Ya, dengan pengaturan tambahan |
| Harga | Paket gratis, lalu paket bulanan berdasarkan penggunaan | Gratis, bagian dari Angular | Open source dan gratis |
Bagaimana kode berbeda
Dengan i18n bawaan Angular, Anda menandai teks, mengekstraknya, dan menerjemahkan file yang diekstrak untuk setiap bahasa:
<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
Dengan ngx-translate atau Transloco, setiap pesan memiliki kunci, dan terjemahannya hidup dalam file JSON:
<!-- ngx-translate --><h2>{{ 'cart.title' | translate }}</h2><!-- Transloco --><h2>{{ 'cart.title' | transloco }}</h2>
Dengan Magic Translate, Anda menulis teks dan merilis aplikasi Anda:
<h2><t>Your shopping cart</t></h2><input [placeholder]="'Search products' | t" />
Kapan memilih Magic Translate
- Anda ingin aplikasi Angular Anda dalam banyak bahasa tanpa mengekstrak, menerjemahkan, dan memuat file.
- Anda ingin pengguna beralih bahasa tanpa memuat ulang aplikasi atau membangunnya sekali per bahasa.
- Teks Anda sering berubah, dan Anda ingin setiap bahasa tetap up to date.
Kapan memilih Angular i18n, ngx-translate atau Transloco
- Semua teks harus diterjemahkan atau ditinjau oleh seseorang.
- Anda perlu kontrol yang tepat atas jamak dan kata-kata dalam setiap bahasa.
- Anda menginginkan solusi gratis tanpa layanan eksternal.
Pindah ke Magic Translate
Anda dapat mengganti satu komponen pada satu waktu. Ganti kunci atau atribut i18n dengan teks bahasa Inggris di <t>, atau gunakan t pipe untuk atribut. Panduan Angular menunjukkan pengaturan.
Siap untuk mencobanya? Ikuti panduan memulai untuk menerjemahkan komponen pertama Anda dalam lima menit.