Angularjs’in şablonlar (HTML) üzerindeki hakimiyetini seviyorum. Basit bir konu ama yazmakta yarar var.

Javascript ve diğer dillerden aşina olduğumuz ikili operatörleri AngularJs ile şablonlarda kullanabiliyoruz.

Kullanımı çok basit.

{{ Kosul && "koşul doğru ise" || "koşul yanlış ise" }}

Bunu html üzerinde kullanmak çok güzel oluyor. Örneğin bir resim alanımız var ve bu resim alanında resim olması halinde resim görünsün ama resim yoksa da bizim standart tasarladığımız resim yok tasarımımız görünsün dediğimiz alanlarda.

<img ng-src="{{resminKaynagi && 'resim.png' || 'resim-yok.png'}}"/>

Kodu basit ve hızlı bir çözüm oluşturuyor.

Kalın sağlıcakla.

Kaynaklar

Avatar Popout Efekti

Avatar Popout Efekti uygulaması Devamını oku

Kapsayıcı sorguları (container query)

29 January 2024 tarihinde yayınlandı.

Renk geçişli ve Hareketli kenar çizgileri

22 January 2024 tarihinde yayınlandı.