angular - 如何在 chrome 开发工具中使用监视表达式来监视角度组件中的变量( 'this' 对象的属性)？

Question

我正在尝试调试 Angular 6 组件中的属性。自然是在代码槽中调用 this变量 -> this.model .我目前正在调试它，并希望将它添加为 Chrome 开发工具中的监视表达式，以便我可以通过代码的执行看到它是如何变化的。我试着添加 this.model作为监视表达式，但它返回未定义，如 this指的是window对象，它没有 model属性(property)，所以我得到 undefined在我的 watch 表达。

什么是正确的观看方式this.model ?

Answer 1

由于代码在执行时被转译为js，所以引用this变化。您可以观看_this反而。它将为您提供要调试的组件/服务的实例。