有没有办法在控制台中访问 Angular2 特定组件的特定数据，以进行调试？
就像 Angular1 有能力在控制台中访问它的组件值。
【问题讨论】：
console.log(JSON.stringify(this)) 很有用。
更新 4.0.0
更新 RC.1
Plunker example 在左上角的浏览器控制台（过滤器符号）中选择plunkerPreviewTarget（或在其自己的窗口中启动演示应用程序）然后输入示例
在DOM节点中选择一个组件，在控制台中执行
ng.probe($0);
或者对于 IE - 感谢 Kris Hollenbeck（参见 cmets）
ng.probe(document.getElementById('myComponentId')).componentInstance
替代方案
提示：启用调试工具会覆盖 ng.probe()
启用调试工具，例如：
import {enableDebugTools} from '@angular/platform-browser';
bootstrap(App, []).then(appRef => enableDebugTools(appRef))
使用上面的 Plunker 示例并在控制台中执行示例：
ng.profiler.appRefng.profiler.appRef._rootComponents[0].instanceng.profiler.appRef._rootComponents[0].hostView.internalViewng.profiler.appRef._rootComponents[0].hostView.internalView.viewChildren[0].viewChildren我还没有找到调查Bar 指令的方法。
基于此 API 的 Augury 提供了更好的调试体验
原始（测试版）
这里总结了如何做到这一点https://github.com/angular/angular/blob/master/TOOLS_JS.md（死链接，我还没有找到替代品）。
启用调试工具
默认情况下，调试工具被禁用。您可以按如下方式启用调试工具：
import {enableDebugTools} from 'angular2/platform/browser';
bootstrap(Application).then((appRef) => {
enableDebugTools(appRef);
});
使用调试工具
在浏览器中打开开发者控制台（在 Chrome 中为 Ctrl + Shift + j）。顶级对象称为 ng，其中包含更具体的工具。
例子：
ng.profiler.timeChangeDetection();
另见
【讨论】：
ng.probe(document.getElementById('myComponentId')).componentInstance
首先使用 chrome 'inspect element' 选择元素，然后在 chrome 'developer console' 中运行以下方法。
ng.probe($0).componentInstance
您也可以使用如下所示的 css 选择器。
ng.probe($$('.image-picker')[0]).componentInstance
如果您经常这样做，为了让它更容易一些，请创建一个全局快捷方式，如下所示。现在使用“检查元素”选择组件内的任何 DOM 元素并从控制台调用“e()”
window['e'] = () => eval('ng.probe($0).componentInstance');
【讨论】：
ng.getComponent($0); (stackoverflow.com/a/60539678/11991371)
使用全局范围变量。（任何浏览器）
在组件文件的ngOnInit()中
ngOnInit() {
window['test'] = this;
}
现在我们可以访问该组件的实例，包括服务（在该组件上导入）。
如果您想阻止访问 test 以进行生产，您可以有条件地授予对 test 的访问权限，例如：
constructor(private _configService: ConfigService) {
}
ngOnInit() {
if(_configService.prod) {
window['test'] = this;
}
}
这里_configService表示所有组件和服务使用的服务实例。
所以变量将被设置为：
export class ConfigService {
prod = false;
}
【讨论】：
我很惊讶这里没有人提到 Augury，它是一个 Chrome 插件，可让您方便地访问组件中的所有信息，还可以更轻松地直接在控制台中查看这些信息：
【讨论】：