Eu tenho um serviço como:

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

Gostaria de testá-lo no console JavaScript e chamar a função f1()do serviço.

Como eu posso fazer isso?

TLDR: Em uma linha, o comando que você está procurando:

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

Mergulho profundo

O AngularJS usa injeção de dependência (DI) para injetar serviços / fábricas em seus componentes, diretivas e outros serviços. Portanto, o que você precisa fazer para obter um serviço é obter o injetor do AngularJS primeiro (o injetor é responsável por conectar todas as dependências e fornecê-las aos componentes).

Para obter o injetor do seu aplicativo, você precisa pegá-lo de um elemento que o angular está manipulando. Por exemplo, se seu aplicativo estiver registrado no elemento do corpo que você chamainjector = angular.element(document.body).injector()

A partir dos recuperados, injectorvocê pode obter o serviço que desejar cominjector.get('ServiceName')

Mais informações sobre isso nesta resposta: Não é possível recuperar o injetor do angular
E ainda mais aqui: Ligue para o AngularJS a partir do código legado

Outro truque útil para obter o $scopede um elemento específico. Selecione o elemento com a ferramenta de inspeção DOM de suas ferramentas de desenvolvedor e execute a seguinte linha ( $0sempre é o elemento selecionado):
angular.element($0).scope()

Primeiro de tudo, uma versão modificada do seu serviço.

a )

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

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

Isso retorna um objeto, nada de novo aqui.

Agora, a maneira de obter isso do console é

b)

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

c)

Uma das coisas que você estava fazendo lá anteriormente era assumir que o app.factory retorna a função em si ou uma versão nova dela. O que não é o caso. Para obter um construtor, você teria que fazer

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

Isso retorna um construtor ExampleService no qual você precisará fazer um 'novo'.

Ou alternativamente,

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

Isso retorna novo ExampleService () na injeção.

A resposta de @ JustGoscha é imediata, mas é muito para digitar quando eu quero acessar, então eu adicionei isso na parte inferior do meu app.js. Então tudo que eu tenho que digitar é x = getSrv('$http')obter o serviço http.

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

Ele o adiciona ao escopo global, mas apenas no modo de depuração. Coloquei dentro do arquivo @if DEBUGpara não acabar com ele no código de produção. Eu uso esse método para remover o código de depuração das compilações prouduction.

A estrutura de injeção de dependência do Angularjs é responsável por injetar as dependências do seu módulo de aplicativo nos controladores. Isso é possível através do seu injetor.

Você precisa primeiro identificar o aplicativo ng e obter o injetor associado. A consulta abaixo funciona para encontrar seu aplicativo ng no DOM e recuperar o injetor.

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

No chrome, no entanto, você pode apontar para o aplicativo ng, conforme mostrado abaixo. e use o $0hack and issueangular.element($0).injector()

Depois de ter o injetor, obtenha qualquer serviço injetado por dependência, conforme abaixo

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