Angular Gauntlets: 一个对Angular开发者有帮助的工具
Angular Gauntlets 是由 yannickglt 开发的免费 Chrome 插件。它属于浏览器类别，具体是附加组件和工具的子类别。这个方便的工具为您的 Angular 应用程序提供了快捷方式，使其成为 Angular 开发人员必备的工具。
通过 Angular Gauntlets，您可以直接从 Chrome DevTools 元素面板访问 Angular 应用程序的组件和提供者。只需在面板中点击一个 DOM 元素，并在控制台中使用以下关键字之一来访问所需的功能：
- $component：通过点击指向 Angular 组件的 DOM 元素，您可以访问其实例并与之交互。
- $context：此关键字允许您显示 DOM 元素的上下文，例如其父级 Angular 组件或 ngFor 行。
- $scope：类似于 $component，但适用于子元素。它是 AngularJS Batarang for Angular 的绝佳替代品。
- $providers：此关键字提供了您的 Angular 应用程序中实例化的所有提供者的列表，使您可以对其进行实验（不支持 Angular 9）。
- $detectChanges()：使用此关键字触发 Angular 变更检测并应用您的更改。
- log$(obs)：此关键字记录给定可观察对象的第一个值。
此外，Angular Gauntlets 在 DevTools 元素面板的 Angular 选项卡中提供了所有这些信息的预览。在元素之间切换将立即刷新数据，为您提供实时更新。
总的来说，Angular Gauntlets 是简化 Angular 开发人员调试过程的有价值的工具。其直观的界面和便捷的快捷方式使您可以轻松访问和操作 Angular 应用程序中的组件和提供者。
