Angular Academy · Pelajaran

Bentuk Jamak dan Select (ICU)

Tangani bentuk jamak dan teks bergender.

Bentuk Jamak dan Select (ICU) adalah pelajaran Angular Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Angular Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Angular Academy mencakup 4 pelajaran total.

Mengapa Placeholder Biasa Tidak Cukup

"You have 1 messages" adalah bahasa Inggris yang salah. Setiap bahasa memiliki aturan jamak yang berbeda (beberapa memiliki beberapa bentuk jamak), serta pilihan kata berdasarkan gender atau kategori. Angular menangani hal ini dengan ICU message format: ekspresi plural dan select.

Ekspresi plural

ICU plural memilih kata berdasarkan angka. Anda mencantumkan kasus berdasarkan kategori jamak dan menyediakan teks untuk setiap kasus.

<p i18n>{count, plural,
  =0 {No messages}
  =1 {One message}
  other {{{count}} messages}
}</p>

Kategori Jamak

Kategori tersebut mencakup kecocokan persis (=0, =1) dan kata kunci CLDR: zero, one, two, few, many, serta other yang wajib ada. Setiap lokal secara otomatis menggunakan subset yang berbeda.

Placeholder Tanda Pagar

Di dalam kasus jamak, # merupakan singkatan untuk angka yang sedang dicocokkan, sehingga Anda tidak perlu mengulangi binding tersebut.

<p i18n>{count, plural,
  =1 {You have one item}
  other {You have # items}
}</p>

Ekspresi select

select memilih teks berdasarkan nilai string, ideal untuk kategori seperti gender, status, atau jenis.

<p i18n>{gender, select,
  male {He replied}
  female {She replied}
  other {They replied}
}</p>

other Wajib Ada

Baik plural maupun select memerlukan cabang other. Cabang ini menjadi fallback saat tidak ada kasus khusus yang cocok, dan Angular akan menghasilkan error jika cabang tersebut tidak ada.

Menggabungkan dengan Teks di Sekitarnya

Ekspresi ICU dapat ditempatkan di dalam teks terjemahan biasa. Pertahankan seluruh kalimat dalam satu blok i18n agar penerjemah dapat mengatur urutan kata.

<p i18n>Hi {{ name }}, {count, plural,
  =0 {you have no notifications}
  other {you have # notifications}
}.</p>

Menempatkan select di Dalam plural

Ekspresi ICU dapat disarangkan, sehingga Anda dapat menyatakan jumlah dan kategori secara bersamaan saat tata bahasa memerlukannya.

{count, plural,
  =0 {No guests}
  other {# {type, select, vip {VIP} other {regular}} guests}
}

Penerjemah Menyesuaikan Kategori

Saat diterjemahkan, suatu lokal dapat menambahkan bentuk jamak yang diperlukan oleh tata bahasanya (misalnya, bahasa Rusia menggunakan one, few, dan many). Target XLIFF untuk unit ICU berisi cabang-cabang yang telah dilokalkan.

ICU dalam TypeScript dengan $localize

Sintaks ICU juga berfungsi di dalam string yang ditandai dengan $localize, sehingga logika jamak dalam kode komponen tetap dapat diterjemahkan.

const label = $localize('{count, plural, =1 {1 file} other {{{count}} files}}');

Mengapa ICU Lebih Baik daripada if/else Manual

Mengodekan count === 1 ? 'message' : 'messages' secara langsung mengasumsikan bentuk jamak biner seperti dalam bahasa Inggris. ICU menyerahkan aturannya kepada data CLDR setiap lokal, sehingga bahasa dengan tiga atau enam bentuk jamak dapat ditampilkan dengan benar tanpa perubahan kode.

Pemeriksaan Cepat

Cabang ICU mana yang selalu wajib ada?

Ringkasan

ICU plural memilih teks berdasarkan angka menggunakan kategori (=0, one, other) dengan # untuk jumlahnya, sedangkan select memilih berdasarkan nilai string. Keduanya memerlukan cabang other, dapat disarangkan dengan bebas, berfungsi dalam $localize, dan memungkinkan setiap lokal menerapkan aturan jamaknya sendiri.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Bentuk Jamak dan Select (ICU)” gratis?

Ya — teks lengkap “Bentuk Jamak dan Select (ICU)” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Angular Academy, upgrade ke CoddyKit PRO. Kursus Angular Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Bentuk Jamak dan Select (ICU)”?

Tangani bentuk jamak dan teks bergender. Kamu berlatih Angular Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Angular Academy?

Tidak diperlukan pengalaman sebelumnya. Angular Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Bentuk Jamak dan Select (ICU)” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Angular Academy ini?

Ya. Setiap pelajaran Angular Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Angular Academy