Angular Gauntlets

添加快捷命令，轻松调试你的 Angular 应用。 Angular Gauntlets 帮助你亲自动手调试。在 Chrome 开发者工具的元素面板中点击元素，即可访问 Angular 应用的组件和提供者。 如何使用？ 只需在开发者工具的元素面板中点击一个 DOM 元素，然后在控制台中输入以下关键字之一即可！ - $component：点击引用 Angular 组件的 DOM 元素，以访问并操作其实例。 - $context：显示 DOM 元素的上下文，可以是其父 Angular 组件、ngFor 行等。 - $scope：对于 Angular 组件等同于 $component，对于子元素等同于 $context。是 Angular 中 AngularJS Batarang 的最佳替代方案。 - $providers：获取 Angular 应用中实例化的所有提供者列表并进行操作（Angular 9 不支持）。 - $detectChanges()：触发 Angular 变更检测，使你的更改生效。 - log$(obs)：记录给定 observable 的第一个值。 额外功能：你可以在开发者工具元素面板的 Angular 标签页中预览所有这些信息。切换元素时，数据会立即刷新。