Geliştirici Araçları
DevTools

Injector'larınızı inceleyin

NOTE: Injector Tree, Angular 17 veya üzeri sürümlerle oluşturulmuş Angular Uygulamaları için kullanılabilir.

Uygulamanızın injector hiyerarşisini görüntüleyin

Injector Tree sekmesi, uygulamanızda yapılandırılmış Injector'ların yapısını keşfetmenizi sağlar. Burada uygulamanızın injector hiyerarşisini temsil eden iki ağaç göreceksiniz. Bir ağaç ortam (environment) hiyerarşiniz, diğeri ise öğe (element) hiyerarşinizdir.

Angular DevTools'ta, örnek bir uygulamanın enjektör grafiğini görselleştiren enjektör ağacı sekmesini gösteren 'Profiler' sekmesinin ekran görüntüsü.

Çözümleme yollarını görselleştirin

Belirli bir injector seçildiğinde, Angular'ın bağımlılık enjeksiyonu algoritmasının o injector'dan köke kadar izlediği yol vurgulanır. Öğe injector'ları için bu, bir bağımlılık öğe hiyerarşisinde çözümlenemediğinde bağımlılık enjeksiyonu algoritmasının atladığı ortam injector'larının vurgulanmasını da içerir.

Angular'ın çözümleme yollarını nasıl çözdüğü hakkında daha fazla ayrıntı için resolution rules bölümüne bakın.

Bir enjektör seçildiğinde enjektör ağacı görselleştirmesinin çözümleme yollarını nasıl vurguladığını gösteren 'Profiler' sekmesinin ekran görüntüsü.

Injector sağlayıcılarını görüntüleyin

Yapılandırılmış sağlayıcıları (providers) olan bir injector'a tıklamak, bu sağlayıcıları injector ağacı görünümünün sağında bir liste olarak görüntüler. Burada sağlanan token'ı ve türünü görebilirsiniz. Her sağlayıcının sağındaki düğme, sağlayıcıyı konsola yazdırmanıza olanak tanır.

Bir enjektör seçildiğinde provider'ların nasıl görünür hale geldiğini gösteren 'Profiler' sekmesinin ekran görüntüsü.