Angular Academy · Ders

Çoğullar ve Select (ICU)

Çoğul ve cinsiyete göre değişen metinleri yönetin

Çoğullar ve Select (ICU), CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.

Düz Yer Tutucular Neden Yeterli Değil

"You have 1 messages" ifadesi İngilizcede yanlıştır. Dillerin çoğul kuralları farklıdır (bazılarında birden fazla çoğul biçimi bulunur) ve cinsiyete veya kategoriye dayalı ifadeler kullanılır. Angular bunu ICU ileti biçimi ile, yani plural ve select ifadeleriyle ele alır.

plural İfadesi

Bir ICU plural ifadesi, bir sayıya göre ifadeyi seçer. Çoğul kategorilerine göre durumları listeler ve her biri için metin sağlarsınız.

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

Çoğul Kategorileri

Kategoriler, tam eşleşmeleri (=0, =1) ve CLDR anahtar sözcüklerini içerir: zero, one, two, few, many ve zorunlu olan other. Farklı yerel ayarlar farklı alt kümeleri otomatik olarak kullanır.

Kare İşareti Yer Tutucusu

Bir çoğul durumunun içinde #, eşleştirilen sayının kısaltmasıdır; böylece bağlamayı tekrarlamanız gerekmez.

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

select İfadesi

select, metni bir dize değerine göre seçer; cinsiyet, durum veya tür gibi kategoriler için idealdir.

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

other Zorunludur

Hem plural hem de select ifadesi bir other dalı gerektirir. Bu dal, belirli hiçbir durum eşleşmediğinde kullanılan geri dönüş seçeneğidir ve eksikse Angular hata verir.

Çevreleyen Metinle Birleştirme

ICU ifadeleri normal çevrilmiş metnin içinde bulunabilir. Çevirmenlerin sözcük sırasını kontrol edebilmesi için tam cümleyi tek bir i18n bloğunda tutun.

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

select İfadesini plural İçine Yerleştirme

ICU ifadeleri iç içe yerleştirilebilir; böylece dil bilgisi gerektirdiğinde hem miktarı hem de kategoriyi birlikte ifade edebilirsiniz.

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

Çevirmenler Kategorileri Uyarlar

Çeviri sırasında bir yerel ayar, dil bilgisinin gerektirdiği çoğul biçimlerini ekleyebilir (örneğin Rusçada one, few ve many kullanılır). Bir ICU biriminin XLIFF hedefi yerelleştirilmiş dalları içerir.

$localize ile TypeScript'te ICU

ICU söz dizimi $localize etiketli dizelerin içinde de çalışır; böylece bileşen kodundaki çoğul mantığı da çevrilebilir kalır.

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

ICU Neden El İle Yazılmış if/else'den Daha İyi

count === 1 ? 'message' : 'messages' ifadesini sabit kodlamak, İngilizce tarzı ikili çoğulları varsayar. ICU, kuralı her yerel ayarın CLDR verilerine bırakır; böylece üç veya altı çoğul biçimi olan diller, kod değişikliği olmadan doğru şekilde görüntülenir.

Hızlı Kontrol

Hangi ICU dalı her zaman gereklidir?

Özet

ICU plural, sayı ve kategorileri (=0, one, other) kullanarak metni seçer; sayım için # kullanılır. select ise dize değerine göre seçim yapar. Her ikisi de bir other dalı gerektirir, serbestçe iç içe yerleştirilebilir, $localize içinde çalışır ve her yerel ayarın kendi çoğul kurallarını uygulamasına izin verir.

Sıkça Sorulan Sorular

“Çoğullar ve Select (ICU)” dersi ücretsiz mi?

Evet — “Çoğullar ve Select (ICU)” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.

“Çoğullar ve Select (ICU)” dersinde ne öğreneceğim?

Çoğul ve cinsiyete göre değişen metinleri yönetin Angular Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Angular Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Angular Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“Çoğullar ve Select (ICU)” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Angular Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Angular Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Angular Academy Sayfasına Dön