Я создал службу factory/в моем приложении angular.
Я хочу отладить его в браузере. Есть ли способ, которым я могу получить доступ к его экземпляру и проверить, каково значение его функций и переменных.
Доступ к области angular можно с помощью
angular.element(e).scope()
Есть ли аналогичный способ доступа к фабрикам?
Я считаю, вы можете использовать что-то вроде этого:
angular.element(e).injector().get('serviceName')
И поскольку услуги angularjs синглтоны, выполнение этого на любом angular.элементе всегда будет возвращать один и тот же экземпляр/объект службы.
Внесите свою услугу в любой контроллер, а затем console.log(myService);
Как и @bmleite, вы можете использовать:
angular.element( {DOM element} ).injector().get('serviceName')
Вы можете выбрать нужный элемент DOM (используйте вкладку "Элементы" на вкладке "Разработка Chrome" или "HTML" в Firefox/Firebug), а затем используйте $0 для этого на вкладке "Консоль".
Самый простой элемент для выбора - это тот, на котором у вас есть директива ngApp. Конечный код:
var myService = angular.element($0).injector().get('serviceName');
Затем у вас есть доступ ко всем его переменным и функциям:
myService.getConfig('dev');
Попробуйте ng-inspect расширение chrome.
$get ('serviceName') в консоли вернет службу или экземпляр factory.
Я не уверен, как он проверяет службы как таковые, но Angular Batarang - отличное расширение Chrome для отладки Angular приложений. Может быть полезно.
https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk
Полезная документация для Batarang:
http://www.c-sharpcorner.com/UploadFile/9c2805/getting-started-with-angularjs-batarang/