首页 开发者工具 Angular Gauntlets

Angular Gauntlets

用户数 : 878 分类 : 开发者工具 扩展大小 : 8.8KiB 最后更新时间 : 2020-05-24 版本 : 1.1.1
prev extension banner next extension banner
                            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. 
                        
查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功