Daha iyi bir kullanıcı deneyimi için daha hızlı değişiklik algılama uygulayın.
Angular, veri modelindeki değişikliklerin bir uygulamanın görünümüne yansıtılması için değişiklik algılama mekanizmasını düzenli olarak çalıştırır. Değişiklik algılama, manuel olarak veya eşzamansız bir etkinlik (örneğin, kullanıcı etkileşimi veya XHR tamamlama) aracılığıyla tetiklenebilir.
Değişiklik algılama güçlü bir araçtır ancak çok sık çalıştırılırsa birçok hesaplamayı tetikleyebilir ve ana tarayıcı iş parçacığını engelleyebilir.
Bu yayında, uygulamanızın belirli bölümlerini atlayarak ve yalnızca gerektiğinde değişiklik algılama işlemini çalıştırarak değişiklik algılama mekanizmasını nasıl kontrol edeceğinizi ve optimize edeceğinizi öğreneceksiniz.
Angular'ın değişiklik algılama özelliği
Angular'ın değişiklik algılama özelliğinin nasıl çalıştığını anlamak için örnek bir uygulamaya göz atalım.
Uygulamanın kodunu bu GitHub deposunda bulabilirsiniz.
Uygulama, bir şirketteki iki departmandan (satış ve Ar-Ge) çalışanları listeler ve iki bileşenden oluşur:
AppComponent(uygulamanın kök bileşeni) ve- Biri satış, diğeri Ar-Ge için olmak üzere iki
EmployeeListComponentörneği.