@switch ile Seçim
Şablonları @switch ve @case ile seçin.
@switch ile Seçim, 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.
switch ile Seçim Yapma
at-switch bloğu, switch ifadesine benzer şekilde bir değere göre birkaç seçenek arasından bir dal seçer. at-case ve at-default ile birlikte kullanılır.
Temel switch Söz Dizimi
Parantez içindeki ifadeyle at-switch yazınız; ardından her biri eşleşen bir değer içeren bir veya daha fazla at-case bloğu ekleyiniz.
// @switch (status) {
// @case ('loading') { <p>Loading...</p> }
// @case ('error') { <p>Error!</p> }
// @default { <p>Ready</p> }
// }case Bloğu
Her at-case, parantez içinde bir değer alır. Değeri switch ifadesine katı biçimde eşit olan ilk case oluşturulur.
default Bloğu
at-default bloğu, hiçbir case eşleşmediğinde oluşturulur. İsteğe bağlıdır; ancak eksiksiz olması için önerilir.
Katı Eşitlik
Eşleştirme katı eşitlik (===) kullanır. case değerlerinin switch ifadesiyle aynı türde olduğundan emin olunuz.
Signal Üzerinde Seçim Yapma
switch ifadesi bir signal çağrısı olabilir; böylece signal değiştikçe görünüm güncellenir.
// @switch (state()) {
// @case ('on') { <p>On</p> }
// @case ('off') { <p>Off</p> }
// }ngSwitch Yerine Kullanma
Bu, ngSwitch, star-ngSwitchCase ve star-ngSwitchDefault yönergelerinin eski birleşiminin yerini alır; daha temiz bir söz dizimi sunar ve içe aktarma gerektirmez.
Yalnızca Bir Dal Oluşturulur
At-switch, eşleşen tam olarak bir dalı (veya varsayılanı) oluşturur. Diğer dallar DOM'da hiç bulunmaz.
Sıralamalar ve Sabitler
Case'ler, bileşen üzerinde dışa açılan sıralama üyeleri veya sabitlerle karşılaştırılabilir; bu da okunabilirliği ve tür güvenliğini artırır.
switch İçinde İç İçe Yerleştirme
Her case bloğu, at-if ve at-for gibi diğer denetim akışı blokları da dahil olmak üzere herhangi bir şablon içeriğini barındırabilir.
switch Ne Zaman Kullanılmalı
Tek bir değerde birkaç ayrı duruma göre dallanırken uzun bir at-if / at-else if zinciri yerine at-switch kullanmayı tercih ediniz.
Hızlı Kontrol: switch
switch bloğunun yedek seçeneği.
Özet: Seçim Yapma
Katı eşitlikle eşleştirilen at-case dalları ve isteğe bağlı at-default yedeğiyle at-switch bloğunu öğrendiniz. ngSwitch'in yerini alır ve tam olarak bir dal oluşturur. Sıradaki konu: at-defer ile ertelenmiş yükleme.
Sıkça Sorulan Sorular
“@switch ile Seçim” dersi ücretsiz mi?
Evet — “@switch ile Seçim” 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.
“@switch ile Seçim” dersinde ne öğreneceğim?
Şablonları @switch ve @case ile seçin. 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.
“@switch ile Seçim” 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.