有沒有辦法從控制台打印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