Angular Gauntlets

插件截图

插件概述

Add shortcuts to easily debug your Angular 2+ application.

插件详情

Angular Gauntlets helps you getting your hands dirty. It makes the components and providers of your Angular application accessible on click on an element in the Chrome DevTools elements panel.

How to?
Just click on a DOM element in the DevTools elements panel, type one of the following keywords in the console and here we go!

- $component: click on a DOM element referring to an Angular component to access its instance and playing with it.
- $context: display a DOM element context, can be its parent Angular component, a ngFor row, etc.
- $scope: equals $component onto Angular components or $context onto child elements. The best alternative of AngularJS Batarang for Angular.
- $providers: get the list of the all the providers instantiated in your Angular app and play with them.
- $detectChanges(): triggers Angular change detection to get your changes apply.

Little extra: you can get a preview of all these info in the Angular tab of your DevTools elements panel. Switching between elements will refresh the data immediately.

其他信息

官方唯一标识:cpinnkgb****************nihbgeph

官方最后更新日期:2018年2月22日

分类:开发者工具

大小:8.62KiB

版本:0.0.1

语言:English

提供方:none

星级:5

插件下载

下载链接一     下载链接二

Chrome插件离线安装教程

温馨提示

本站中的部份内容来源网络和网友发布，纯属个人收集并供大家交流学习参考之用，版权归版权原作者所有。

如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。

如果您觉得网多鱼对您有帮助，欢迎收藏我们 Ctrl+D。