Получить объект, который angularJS отображает в HTML

Question

Существует веб-сайт, созданный с помощью angularJS, и я достаточно заинтересован, чтобы спросить: возможно ли получить объект, который angularJS отображает свои значения в HTML.Здесь, позвольте мне быть более конкретным.

Здесь есть большой search объект, который обладает множеством свойств, одним из которых является projects это список, а ng-repeat использует его для итерации по ним и представления значений оттуда.

Мой вопрос: возможно ли получить этот search объект, чтобы увидеть его полное содержимое (может быть, консоль записать его)?

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

Answer 1

Самый простой способ - это плагин углового инспектора для Chrome.После установки осмотрите элемент.Справа от вкладки «Элементы» находится поле стилей, вы также должны увидеть «вычисленные» и вкладку «angularJS Properties», добавленные расширением.Выберите AngularJs Properties.

Прокрутите вниз, пока не увидите объект поиска.

Другой вариант, чтобы увидеть его в консоли: выберите элемент с помощью инспектора, затем используйте angular.element($0).scope(), чтобы просмотреть область действия элемента.Там должен быть объект поиска.

Третий вариант, аналогичный приведенному выше, для доступа к области действия элемента используйте следующее: angular.element(document.getElementById('yourElementId')).scope() Конечно, вы можете использовать любой метод для выбора элемента.