Angular Gauntlets: Полезный инструмент для разработчиков Angular
Angular Gauntlets - это бесплатное дополнение для Chrome, разработанное yannickglt. Оно относится к категории Браузеры и, в частности, к подкатегории Дополнения и инструменты. Этот удобный инструмент предоставляет ярлыки для удобной отладки ваших приложений Angular, что делает его неотъемлемым для разработчиков Angular.
С помощью Angular Gauntlets вы можете получить доступ к компонентам и провайдерам вашего приложения Angular непосредственно из панели элементов Chrome DevTools. Просто щелкните по элементу DOM в панели и используйте одно из следующих ключевых слов в консоли для доступа к нужной функциональности:
- $component: Щелкнув по элементу DOM, относящемуся к компоненту Angular, вы можете получить доступ к его экземпляру и взаимодействовать с ним.
- $context: Это ключевое слово позволяет отображать контекст элемента DOM, такой как родительский компонент Angular или строка ngFor.
- $scope: Аналогично $component, но применимо к дочерним элементам. Он является отличной альтернативой AngularJS Batarang для Angular.
- $providers: Это ключевое слово предоставляет список всех провайдеров, созданных в вашем приложении Angular, позволяя вам экспериментировать с ними (не поддерживается Angular 9).
- $detectChanges(): Используйте это ключевое слово, чтобы запустить обнаружение изменений Angular и применить ваши изменения.
- log$(obs): Это ключевое слово регистрирует первое значение данного наблюдаемого объекта.
Кроме того, Angular Gauntlets предлагает предварительный просмотр всей этой информации во вкладке Angular панели элементов DevTools. Переключение между элементами немедленно обновляет данные, обеспечивая вам обновления в режиме реального времени.
В целом, Angular Gauntlets - это ценный инструмент, который упрощает процесс отладки для разработчиков Angular. Интуитивный интерфейс и удобные ярлыки позволяют легко получать доступ к компонентам и провайдерам в ваших приложениях Angular.
