Question 1

Angular'da yapısal direktif nedir?

Accepted Answer

Yapısal direktifler, öğeleri ekleyerek, kaldırarak veya manipüle ederek DOM yapısını değiştirir. * ile başlarlar (ör: *ngIf, *ngFor). Görünümü veya davranışı değiştiren öznitelik direktiflerinin aksine, yapısal direktifler DOM'dan öğe ekleyebilir veya kaldırabilir.

Question 2

ngFor'u trackBy ile kullanmak için doğru sözdizimi nedir?

Accepted Answer

Doğru sözdizimi, iterasyonu trackBy işlevinden ayırmak için noktalı virgül kullanır. trackBy işlevi, Angular'ın hangi öğelerin değiştiğini, eklendiğini veya kaldırıldığını tanımlamasına izin vererek performansı artırır. İki parametre alır (index ve item) ve benzersiz bir tanımlayıcı döndürür.

Question 3

Neden ngFor ile trackBy kullanılır?

Accepted Answer

trackBy, Angular'ın hangi öğelerin değiştiğini tam olarak tanımlamasına izin vererek liste oluşturma performansını artırır. trackBy olmadan, değişiklikler meydana geldiğinde Angular tüm DOM öğelerini yeniden oluşturur. trackBy ile yalnızca değiştirilmiş öğeler güncellenir, gereksiz yeniden oluşturmalardan kaçınılır.

Direktifler ve Pipe'lar

Angular'da yapısal direktif nedir?

Cevap

ngFor'u trackBy ile kullanmak için doğru sözdizimi nedir?

Cevap

Neden ngFor ile trackBy kullanılır?

Cevap

Bir koşula göre bir öğeyi koşullu olarak göstermek için hangi direktif kullanılmalıdır?

*ngIf ile [hidden] arasındaki fark nedir?

Diğer Angular mülakat konuları

TypeScript Temelleri

TypeScript İleri Seviye

Angular Temelleri

Bileşenler ve yaşam döngüsü

Services & Dependency Injection

Angular Modül Organizasyonu

Angular CLI

Routing ve Navigasyon

Reactive Forms

Template-driven Forms

RxJS Temelleri

RxJS Operatörleri

HttpClient ve API çağrıları

Temel State Yönetimi

Change Detection

Angular Signals

Standalone Components

Angular Birim Testleri

Uçtan Uca Test

Build ve optimizasyon

NgRx Temelleri

İleri Düzey NgRx

Angular Mimarisi

Performans Optimizasyonu

Güvenlik ve En İyi Uygulamalar

Gelişmiş RxJS Desenleri

Angular Universal ve SSR

Angular Mikro-frontend'ler

Bir sonraki mülakatın için Angular'de uzmanlaş