Ich habe einen Service wie:

angular.module('app').factory('ExampleService', function(){
  this.f1 = function(world){
    return 'Hello '+world;
  }
  return this;
})

Ich möchte es von der JavaScript-Konsole aus testen und die Funktion f1()des Dienstes aufrufen .

Wie kann ich das machen?

TLDR: In einer Zeile der gesuchte Befehl:

angular.element(document.body).injector().get('serviceName')

Tieftauchgang

AngularJS verwendet Dependency Injection (DI) , um Services / Fabriken in Ihre Komponenten, Direktiven und andere Services einzufügen. Um einen Service zu erhalten, müssen Sie zuerst den Injektor von AngularJS erhalten (der Injektor ist dafür verantwortlich, alle Abhängigkeiten zu verdrahten und für Komponenten bereitzustellen).

Um den Injektor Ihrer App zu erhalten, müssen Sie ihn von einem Element abrufen, das eckig ist. Zum Beispiel, wenn Ihre App auf dem von Ihnen aufgerufenen Body-Element registriert istinjector = angular.element(document.body).injector()

Aus dem abgerufenen können injectorSie dann jeden gewünschten Service erhalteninjector.get('ServiceName')

Weitere Informationen dazu in dieser Antwort: Der Injektor kann nicht aus dem Winkel abgerufen werden.
Und noch mehr hier: Rufen Sie AngularJS aus dem Legacy-Code auf

Ein weiterer nützlicher Trick, um das $scopeeines bestimmten Elements zu erhalten. Wählen Sie das Element mit dem DOM-Inspektionstool Ihrer Entwicklertools aus und führen Sie dann die folgende Zeile aus ( $0ist immer das ausgewählte Element):
angular.element($0).scope()

Zunächst eine modifizierte Version Ihres Dienstes.

ein )

var app = angular.module('app',[]);

app.factory('ExampleService',function(){
    return {
        f1 : function(world){
            return 'Hello' + world;
        }
    };
});

Dies gibt ein Objekt zurück, hier nichts Neues.

Nun ist der Weg, dies von der Konsole zu bekommen, ist

b)

var $inj = angular.injector(['app']);
var serv = $inj.get('ExampleService');
serv.f1("World");

c)

Eines der Dinge, die Sie dort zuvor getan haben, war anzunehmen, dass die app.factory Ihnen die Funktion selbst oder eine neue Version davon zurückgibt. Welches ist nicht der Fall. Um einen Konstruktor zu erhalten, müssten Sie entweder tun

app.factory('ExampleService',function(){
        return function(){
            this.f1 = function(world){
                return 'Hello' + world;
            }
        };
    });

Dies gibt einen ExampleService-Konstruktor zurück, für den Sie als Nächstes ein 'neues' ausführen müssen.

Oder alternativ,

app.service('ExampleService',function(){
            this.f1 = function(world){
                return 'Hello' + world;
            };
    });

Dies gibt beim Injection neuen ExampleService () zurück.

Die Antwort von @ JustGoscha ist genau richtig, aber das ist eine Menge zu tippen, wenn ich Zugriff haben möchte, also habe ich dies am Ende meiner app.js hinzugefügt. Dann muss ich nur x = getSrv('$http')noch den http-Dienst abrufen.

// @if DEBUG
function getSrv(name, element) {
    element = element || '*[ng-app]';
    return angular.element(element).injector().get(name);
}
// @endif

Es fügt es dem globalen Bereich hinzu, jedoch nur im Debug-Modus. Ich habe es in das @if DEBUGeingefügt, damit es nicht im Produktionscode landet. Ich benutze diese Methode, um Debug-Code aus Prideuction-Builds zu entfernen.

Das Angularjs Dependency Injection Framework ist dafür verantwortlich, die Abhängigkeiten Ihres App-Moduls in Ihre Controller zu injizieren. Dies ist durch seinen Injektor möglich.

Sie müssen zuerst die ng-App identifizieren und den zugehörigen Injektor erhalten. Die folgende Abfrage dient dazu, Ihre ng-App im DOM zu finden und den Injektor abzurufen.

angular.element('*[ng-app]').injector()

In Chrome können Sie jedoch wie unten gezeigt auf die Ziel-ng-App zeigen. und benutze den $0Hack und das Problemangular.element($0).injector()

Sobald Sie den Injektor haben, erhalten Sie einen Abhängigkeitsinjektionsdienst wie unten

injector = angular.element($0).injector();
injector.get('$mdToast');