Angular Gauntlets: Przydatne narzędzie dla programistów Angular
Angular Gauntlets to darmowe rozszerzenie do przeglądarki Chrome, opracowane przez yannickglt. Należy do kategorii przeglądarek, a konkretnie do podkategorii dodatków i narzędzi. Ten przydatny narzędzie zapewnia skróty do łatwego debugowania Twoich aplikacji Angular, co czyni go niezbędnym dla programistów Angular.
Z Angular Gauntlets możesz uzyskać dostęp do komponentów i dostawców Twojej aplikacji Angular bezpośrednio z panelu elementów Chrome DevTools. Wystarczy kliknąć na element DOM w panelu i użyć jednego z poniższych słów kluczowych w konsoli, aby uzyskać dostęp do pożądanej funkcjonalności:
- $component: Klikając na element DOM odnoszący się do komponentu Angular, możesz uzyskać dostęp do jego instancji i współdziałać z nią.
- $context: To słowo kluczowe pozwala wyświetlić kontekst elementu DOM, takiego jak rodzicowski komponent Angular lub wiersz ngFor.
- $scope: Podobnie jak $component, ale dotyczy elementów podrzędnych. Jest doskonałą alternatywą dla AngularJS Batarang dla Angular.
- $providers: To słowo kluczowe dostarcza listę wszystkich dostawców zainicjowanych w Twojej aplikacji Angular, umożliwiając eksperymentowanie z nimi (nieobsługiwane przez Angular 9).
- $detectChanges(): Użyj tego słowa kluczowego, aby wywołać detekcję zmian Angular i zastosować swoje zmiany.
- log$(obs): To słowo kluczowe rejestruje pierwszą wartość podanego obserwatora.
Ponadto, Angular Gauntlets oferuje podgląd wszystkich tych informacji w zakładce Angular panelu elementów DevTools. Przełączanie się między elementami natychmiast odświeża dane, zapewniając aktualizacje w czasie rzeczywistym.
Ogólnie rzecz biorąc, Angular Gauntlets to cenne narzędzie, które upraszcza proces debugowania dla programistów Angular. Jego intuicyjny interfejs i wygodne skróty ułatwiają dostęp i manipulację komponentami i dostawcami w Twoich aplikacjach Angular.