html - 有没有办法从控制台打印 angular4 组件中的变量值？

Question

我使用 Angular 4 将简单键保存在组件中的变量中，当应用程序关闭时，每个值都会被删除，我知道。

这是一个简单的示例：

export class LoginComponent implements OnInit {

  data : any;

  constructor() {
    this.data = "Hello";
  }

}

我只是想知道有没有办法使用浏览器控制台来显示this.data价值console.log()？

score 2 · Accepted Answer

是的你可以。

首先在您的页面中查找一些属于您的组件的 HTML。然后，检查它。

在 Chrome 中，您会看到$0除此之外的一个。那是一个变量引用。

现在，进入你的控制台并输入

ng.probe($0).componentInstance

这将记录您的整个组件以及其中的变量。你可以简单地给它一个参考

const myRef = ng.probe($0).componentInstance

然后根据需要删除您的组件，并直接从控制台再次记录

console.log(myRef) // or shorthand
myRef

1 回答 1