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

Question

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

这是一个简单的示例：

export class LoginComponent implements OnInit {

  data : any;

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

}

我只想知道有没有一种方法可以使用浏览器控制台在没有console.log()情况下在this.data显示值？

Answer 1

是的你可以。

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

在Chrome浏览器中，除此以外，您还会看到$0 。 那是一个变量引用 。

现在，进入控制台并输入

ng.probe($0).componentInstance

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

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

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

console.log(myRef) // or shorthand
myRef