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

Question

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

这是一个简单的样本：

export class LoginComponent implements OnInit {

  data : any;

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

}

我只是想知道有没有办法使用浏览器控制台在没有this.data的{​​{1}}中显示价值？

Answer 1

是的，你可以。

首先找到属于您网页中组件的HTML。然后，检查它。

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

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

ng.probe($0).componentInstance

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

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

然后根据需要删除您的组件，并直接从控制台重新登录

console.log(myRef) // or shorthand
myRef