jak debugować usługi kątowe w przeglądarce

Question

Stworzyłem fabrykę/usługę w mojej aplikacji kątowej.

Chcę debugować go w przeglądarce. Czy istnieje sposób, że mogę uzyskać dostęp do jego instancji i sprawdzić, jaka jest wartość jego funkcji i zmiennych.

Zakres kątowy można uzyskać za pomocą

angular.element(e).scope() 

Czy istnieje podobny sposób dostępu do fabryki?

Answer 1

Wierzę, że można używać czegoś takiego:

angular.element(e).injector().get('serviceName') 

A ponieważ usług angularjs są singletons, robiąc to na każdym angular.element zawsze zwróci tej samej instancji usługi/przedmiot.

Answer 2

wstrzyknąć swoje usługi do każdego kontrolera, a następnie console.log(myService);

Fiddle.

Answer 3

Nie jestem pewien, jak to kontroluje usługi jako takie, ale kątowa Batarang jest doskonałym rozszerzeniem Chrome dla debugowania kątowe aplikacje. Może być pomocny.

https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk

Przydatne dokumentacja Batarang:

http://www.c-sharpcorner.com/UploadFile/9c2805/getting-started-with-angularjs-batarang/

Answer 4

Jak @bmleite powiedział, można użyć:

angular.element({DOM element}).injector().get('serviceName') 

Można wybrać chciał elementu DOM (elementy użycia” "kartę w Chrome Developers Tools lub zakładkę" HTML "w Firefox/Firebug), a następnie użyj $ 0, aby wskazać ją w zakładce" Console ".

Najprostszym elementem do wyboru jest ten, na którym masz dyrektywę ngApp. Ostateczny kod jest:

var myService = angular.element($0).injector().get('serviceName'); 

Wtedy masz dostęp do wszystkich jego funkcji i zmiennych:

myService.getConfig('dev'); 

Answer 5

Spróbuj ng-inspect chrom rozszerzenie.

$ get ('serviceName') w konsoli zwróci usługę lub instancję fabryczną.