Есть ли способ вывести значение переменной в компоненте angular4 из консоли?

Question

Я сохраняю простой ключ в переменной в компоненте, используя angular 4, когда приложение закрывается, каждое значение будет удалено, и я это знаю.

это простой пример:

export class LoginComponent implements OnInit {

  data : any;

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

}

Я просто хочу знать, есть ли способ с помощью консоли браузера, чтобы показать значение в this.data без console.log()?

Answer 1

Да, ты можешь.

Начните с поиска HTML-кода, который принадлежит вашему компоненту на вашей странице. Затем осмотрите его.

В Chrome вы увидите $0 помимо этого. Это ссылка на переменную.

Теперь зайдите в консоль и введите

ng.probe($0).componentInstance

Это запишет вам весь ваш компонент с переменными, которые в нем. Вы можете просто дать ему ссылку

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

Затем удалите свой компонент, как хотите, и снова войдите в него с консоли.

console.log(myRef) // or shorthand
myRef