У мене є така послуга, як:

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

Я хотів би перевірити його з консолі JavaScript і викликати функціюf1() сервісу.

Як я можу це зробити?

TLDR: В одному рядку потрібна команда:

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

Глибоке занурення

AngularJS використовує Dependency Injection (DI) для введення служб / заводів у ваші компоненти, директиви та інші послуги. Отже, що вам потрібно зробити, щоб отримати послугу, - це отримати інжектор AngularJS (інжектор відповідає за з'єднання всіх залежностей та надання їх компонентам).

Щоб отримати інжектор вашої програми, вам потрібно схопити його з елемента, яким керує кут. Наприклад, якщо ваш додаток зареєстровано на елементі тіла, який ви телефонуєтеinjector = angular.element(document.body).injector()

З отриманого injectorви зможете отримати будь-яку послугу, яку вам подобаєтьсяinjector.get('ServiceName')

Більше інформації про це у цій відповіді: Неможливо отримати інжектор з кутового
та ще більше тут: Зателефонуйте AngularJS зі застарілого коду

Ще один корисний трюк для отримання $scopeпевного елемента. Виберіть елемент за допомогою інструмента перевірки DOM інструментів для розробників, а потім запустіть наступний рядок ( $0це завжди вибраний елемент):
angular.element($0).scope()

Перш за все, модифікована версія вашої послуги.

а)

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

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

Це повертає об'єкт, нічого нового тут.

Тепер спосіб отримати це з консолі

б)

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

в)

Однією з речей, які ви робили там раніше, було припускати, що app.factory повертає вам саму функцію або нову версію її. Що не так. Для того, щоб отримати конструктор, вам або доведеться це зробити

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

Це повертає конструктор ExampleService, для якого вам доведеться зробити "новий".

Або ж,

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

Це повертає новий ExampleService () при ін'єкції.

@ Відповідь JustGoscha не ввімкнена, але це дуже багато для набору, коли я хочу отримати доступ, тому я додав це в нижній частині мого app.js. Тоді все, що мені потрібно набрати - x = getSrv('$http')це отримати послугу http.

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

Це додає його до глобальної сфери, але лише в режимі налагодження. Я поміщаю його всередину, @if DEBUGщоб я не закінчився цим у виробничому коді. Я використовую цей метод для видалення коду налагодження з нарощування гордості.

Angularjs Dependency Innjection Framework відповідає за те, щоб вводити залежності вашим модулем програми до ваших контролерів. Це можливо через його інжектор.

Потрібно спочатку визначити ng-додаток та отримати відповідний інжектор. Наведений нижче запит працює для пошуку вашого ng-додатка в DOM та отримання інжектора.

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

Однак у хромі можна вказати на ng-додаток, як показано нижче. і використовувати $0хак і видаватиangular.element($0).injector()

Отримавши інжектор, отримайте будь-яку службу введення залежності, як показано нижче

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