20 Temmuz 2025 Pazar

Directives

 HTML elemanlarına ekstra özellikler ve davranışlar eklemek için kullanılan özel etiketlerdir.

Built-in / Ön Tanımlı Directiveler

*ngFor - Arraylerle beraber kullanılır ve arrayde kaç tane eleman varsa o kadar işlem gerçekleştiriyor. Html nesneleri üzerinde iterasyonel işlemler yapmak için kullanılır. Ayrıca her bir elemanın index değeride aşağıdaki hızlıca elde edilebilir.




*ngIf - Verilen koşula göre HTML nesnelerinin görünürlüğünü kontrol etmek için kullanır.

if/else mantığında işlev yapmak için aşağıdaki gibi de kullanılabilir.
Eğer visible değişkeni değeri true ise <div> gösterilecektir. Eğer visible değeri false ise <ng-template> gösterilecektir.



[ngSwitch]




[ngClass]: HTML etiketlerinin class değerlerini dinamik olarak yönetebilmemizi sağlayan bir directive'dir.





Hiç yorum yok:

Yorum Gönder