Как отлаживать $rootScope объект angularjs в браузере

Есть ли способ отладки приложения angularjs, когда он загружен в браузере?

т. Я хочу получить $rootScope моего текущего приложения. Как мне это сделать?

Ответ 1

+1 для Batarang

Кроме того, вы можете получить область действия из любого элемента в DOM, выполнив следующие действия с консоли

angular.element(DOMNODE).scope()

Где DOMNODE, конечно, ссылка на DOM node.

Например, в Chrome на вкладке элементы вы можете выбрать node, где указана директива ng-app, и получить область корня с помощью

angular.element($0).scope()

Ответ 2

В консоли разработчика попробуйте

$rootScope = angular.element(document).scope()

Ответ 3

Batarang - Плагин Google Chrome для AngularJS

После этого вы можете сделать

console.log($ rootScope);

и проверьте объект области видимости в консоли Chrome.

Кстати, если вы хотите получить $rootScope, вам нужно ввести ваш контроллер

как

app.controller('MainCtrl', function($scope, $rootScope) {

}

Ответ 4

Вы можете увидеть $rootScope в своих источниках. Инструменты разработчика → Источники

$rootScope

Ответ 5

Просто хотел добавить, что есть бесплатное расширение Chrome под названием "Angular Scope Inspector" (текущий URL-адрес магазина), который будет автоматически проверять область выделенных элементов на вкладке элементов инструментов разработчика

Я только что открыл его сегодня, и это очень полезно, IMO

Ответ 6

В консоли разработчика тип angular.element('body').scope(); в случае вашего приложения <body data-ng-app="SomeApp">