Angular Gauntlets: Ett hjälpsamt verktyg för Angular-utvecklare
Angular Gauntlets är en gratis Chrome-tillägg utvecklad av yannickglt. Den tillhör kategorin Webbläsare och specifikt underkategorin Tillägg och Verktyg. Detta praktiska verktyg ger genvägar för att enkelt felsöka dina Angular-applikationer, vilket gör det till ett måste för Angular-utvecklare.
Med Angular Gauntlets kan du komma åt komponenter och leverantörer i din Angular-applikation direkt från Chrome DevTools elementpanel. Klicka helt enkelt på ett DOM-element i panelen och använd en av följande nyckelord i konsolen för att komma åt den önskade funktionaliteten:
- $component: Genom att klicka på ett DOM-element som refererar till en Angular-komponent kan du komma åt dess instans och interagera med den.
- $context: Detta nyckelord gör det möjligt att visa sammanhanget för ett DOM-element, som dess förälder Angular-komponent eller en ngFor-rad.
- $scope: Liknande $component, men tillämplig på underordnade element. Det fungerar som ett bra alternativ till AngularJS Batarang för Angular.
- $providers: Detta nyckelord ger en lista över alla leverantörer som instansieras i din Angular-app, vilket gör att du kan experimentera med dem (stöds inte av Angular 9).
- $detectChanges(): Använd detta nyckelord för att utlösa Angulars ändringsdetektering och tillämpa dina ändringar.
- log$(obs): Detta nyckelord loggar det första värdet av den givna observerbara.
Utöver detta erbjuder Angular Gauntlets en förhandsgranskning av all denna information i Angular-fliken i DevTools elementpanel. Att växla mellan element kommer omedelbart att uppdatera data, vilket ger dig realtidsuppdateringar.
Sammanfattningsvis är Angular Gauntlets ett värdefullt verktyg som förenklar felsökningsprocessen för Angular-utvecklare. Dess intuitiva gränssnitt och bekväma genvägar gör det enkelt att komma åt och manipulera komponenter och leverantörer inom dina Angular-applikationer.
