Wdrożenie szybszego wykrywania zmian w celu poprawy komfortu użytkowników.
Angular okresowo uruchamia mechanizm wykrywania zmian, aby zmiany w modelu danych były odzwierciedlane w widoku aplikacji. Wykrywanie zmian może być wywoływane ręcznie lub przez zdarzenie asynchroniczne (np. interakcję użytkownika lub zakończenie XHR).
Wykrywanie zmian to przydatne narzędzie, ale jeśli jest uruchamiane zbyt często, może wywoływać wiele obliczeń i blokować główny wątek przeglądarki.
Z tego posta dowiesz się, jak kontrolować i optymalizować mechanizm wykrywania zmian, pomijając części aplikacji i uruchamiając wykrywanie zmian tylko wtedy, gdy jest to konieczne.
Wykrywanie zmian w Angularze
Aby zrozumieć, jak działa wykrywanie zmian w Angularze, przyjrzyjmy się przykładowej aplikacji.
Kod aplikacji znajdziesz w tym repozytorium GitHub.
Aplikacja zawiera listę pracowników z 2 działów firmy – sprzedaży i badań i rozwoju – i składa się z 2 komponentów:
AppComponent, który jest komponentem głównym aplikacji,- 2 instancje
EmployeeListComponent: jedna dla sprzedaży, a druga dla badań i rozwoju.