AngularJS'deki ifadeler

Şablonlar üzerinde çalışırken, çoğu zaman onları daha akıllı hale getirmemiz gerekir, bu, basit veri gösteriminin bir adım ötesine geçmek anlamına gelir, ancak bu, tüm işi, kullanıcı için tek çıkış arayüzü olması gereken şeyde yaptığımız anlamına gelmemelidir.
AngularJS denileni bize sunuyor ifadeŞablona zeka sağlayabileceğimiz ve böylece denetleyiciyle daha gelişmiş bir şekilde etkileşime girebileceğimiz karşılaştırma operatörleri, mantıksal ve aritmetik olan .
İfadeİfadeler, daha akıllı olabilecek şablonlar oluşturmamıza olanak tanır, bununla denetleyicinin bize sunduğu verilere bağlı olarak hem arayüz hem de davranış değişikliklerini ifade edebiliriz.
İfadeleri kullanarak, kullanıcı deneyimini iyileştirmeye yardımcı olabilecek ve böylece uygulamamızı iyi kullanma yolunda onlara rehberlik edebilecek bir şey olan şablonlarımızın dinamik davranışlarını elde edebiliriz.
Bunu gerçekleştirmek için, eskisi kadar geniş ve derin olmamasına rağmen, bir dizi alet kullanabiliriz. JavascriptManevra için çok fazla alan sağlarlar. Şablonlarımızda mantık oluşturmak için ifadeler kullanmanın cazibesine kapılmamak önemlidir, çünkü hem işlevlerini bozacağız hem de uygulamalarımıza gereksiz karmaşıklık katacağız.
Kullanabileceğimiz ifadeler şunlardır:
AritmetikToplama (+), çıkarma (-), çarpma (*), bölme (/), vb.
KarşılaştırmakDaha büyük (>) veya daha küçük (<), eşittir (==) veya farklı (! =) Kime ve bunların kombinasyonları gibi.
MantıkFarklı (!), Ve (&&) veya (||) gibi.
aramalar$ kapsamı ({}) ile denetleyicimizin yöntemlerini ve işlevlerini çağırın.
İle yapılan bir uygulamada şablonlarımızdaki ifadelerin kullanımını anlamamıza yardımcı olabilecek küçük bir örneği aşağıda görelim. AngularJS.

Örneğe bakarsak bazı ifadeleri dahil ettik, örneğin yönteme erişebiliriz. yeniden hesapla() ve sonucu veya getirisi onu 10'a böler, sonra bir öğe listesine sınıfları yerleştirebiliriz CSS $ endeksinin kalanını 4'e bölerek ($ endeksi % 4) doğrulayarak ve sonra limit adı verilen bir yöntemin sonucundan büyük veya eşit olup olmadığını karşılaştırarak.
Gördüğümüz gibi hiç zor değil ve bu araçlara sahip olmak çok faydalı, örneği daha iyi incelersek ilk ifademizin teknik olarak geçerli olmasına rağmen varlığının iş mantığını dünyaya aktardığını da fark edeceğiz. şablon.
İfade {{yeniden hesapla () / 10}} Kullanılmamalı, recalculate() yönteminin sonucunun 10'a bölünmesi gereken değere ihtiyacımız varsa, onu şablonda değil kontrolörde almalıyız, bu yüzden onu içeren yeni bir yöntem yapmalıyız ve böylece MVC'nin önerdiği alanların ayrılmasına uyum sağlayabilmektedir.
Bununla öğreticiyi bitiriyoruz, gördüğümüz gibi AngularJS Daha iyi uygulamalar yapmak için aklımıza gelen tüm kaynaklardan yararlanarak kaliteli uygulamalar oluşturabilmemiz için bize araçlar sağlar.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.