Wie man eckige Dienste im Browser debuggt

Question

Ich habe eine Fabrik/Service in meiner eckigen App erstellt.

Ich möchte es im Browser debuggen. Gibt es eine Möglichkeit, dass ich auf seine Instanz zugreifen und überprüfen kann, was der Wert seiner Funktionen und Variablen ist.

Der Winkel Umfang

angular.element(e).scope() 

Gibt es eine ähnliche Art und Weise Fabriken zugreifen können unter Verwendung zugegriffen?

Answer 1

Ich glaube, Sie so etwas wie diese verwenden:

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

Und da AngularJS Dienste sind Singletons, diese auf jedem angular.element tun immer die gleiche Service-Instanz/Objekt zurück.

Answer 2

Injizieren Sie Ihren Dienst in jeden Controller und dann console.log(myService);

Fiddle.

Answer 3

ich bin nicht sicher, wie es kontrolliert Dienste als solche, sondern Angular Batarang ist eine große Chrome-Erweiterung für Angular-Anwendungen debuggen. Könnte hilfreich sein.

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

Nützliche Dokumentation für Batarang:

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

Answer 4

Wie @bmleite sagte, können Sie verwenden:

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

können Sie wählen das wollte DOM-Element (use ‚Elements "Registerkarte in den Chrome-Entwicklertools oder Registerkarte" HTML "in Firefox/Firebug) und verwenden Sie $ 0, um auf die Registerkarte" Konsole "zu zeigen.

Das einfachste zu wählende Element ist das, auf dem Sie Ihre ngApp-Direktive haben. Der letzte Code ist:

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

Dann haben Sie Zugriff auf alle seine Variablen und Funktionen:

myService.getConfig('dev'); 

Answer 5

Versuchen ng-inspect Chrome-Erweiterung.

$ get ('serviceName') in der Konsole gibt die Service- oder Factory-Instanz zurück.