Как использовать сервис в контроллере angular.js?

Question

Как использовать сервис в контроллере angular.js?

0

Я создал службу, но я не понимаю, как использовать эту службу в моем контроллере.

(function(){
    'use.strict';

    angular
     .module('app.core')
     .factory('shareBtwnCtrlr', shareBtwnCtrlrService);

    /** @ngInject */
    function shareBtwnCtrlrService() {
        shareBtwnCtrlr = function($scope, $rootScope){
            $scope.value = $rootScope.test;
        }
        return shareBtwnCtrlr;
    }
})();

В приведенном выше коде $ rootScope.test поступает с одного контроллера, и теперь я должен использовать этот $ scope.value в другом контроллере, используя эту службу. Другой контроллер, как показано ниже

(function (){
    'use strict';

    angular.module('app.product')
        .controller('ProductController', ProductController);

    /** @ngInject */
    //ProductController.$inject = ['$http', '$location', '$scope'];
    function ProductController($http, $location, $rootScope, $scope, $localStorage, $interval, $timeout,$mdDialog, $document, shareBtwnCtrlr){
        var vm = this;  
     }
})();

Kevin 07 июнь 2016, в 08:53

Источник

0

Почему бы не использовать $rootScope.test в другом контроллере?
Saneesh B 07 июнь 2016, в 06:49
0

вы используете строгий режим, и вы не объявили shareBtwnCtrlr используя var . Это может вызвать ошибку
Anik Islam Abhi 07 июнь 2016, в 06:50
0

@SaneeshB здесь я использую два контроллера, первый контроллер, выполненный первым в то время, $ scope.value показывает результат как неопределенный после того, как второй контроллер выполнил сохраненный результат, но я не смог получить этот результат в первом контроллере.
Kevin 07 июнь 2016, в 07:05

Показать ещё 1 комментарий

Теги:

angularjs

2 ответа

Ещё вопросы

Почему бы не использовать $rootScope.test в другом контроллере?
вы используете строгий режим, и вы не объявили shareBtwnCtrlr используя var . Это может вызвать ошибку
@SaneeshB здесь я использую два контроллера, первый контроллер, выполненный первым в то время, $ scope.value показывает результат как неопределенный после того, как второй контроллер выполнил сохраненный результат, но я не смог получить этот результат в первом контроллере.

gmuraleekrishna · Answer 1 · 2016-06-07T05-57-00.000Z

К контроллерам и директивам модуля можно вводить только сервис в одном модуле.

Новый модуль должен быть добавлен в приложение, чтобы расширить его возможности.

angular.module('app.core')
 .factory('shareBtwnCtrlrService', function() {
    var shareBtwnCtrlrService = this;

    shareBtwnCtrlrService.value = function(){
        //do something
    }

    return shareBtwnCtrlrService;
 }
};

 angular.module('app.product')
 .factory('productService', function() {
    var productService = this;

    productService.value = function(){
        //do something
    }

    return productService;
 }
};

Теперь, чтобы использовать сервис в модулях core и product, мы создаем модуль app включающий в себя как в нем

angular.module('app', ['app.product', 'app.core'])
 .controller('ProductController', ['shareBtwnCtrlrService', 'productService', function (shareBtwnCtrlrService, productService) {
     // ...do something
 }]);

E. Abrakov · Answer 2 · 2016-06-07T05-32-00.000Z

0

У вас есть два модуля, поэтому инжекторы зависимостей не могут вводить ваш сервис из app.core в app.product. Попробуйте создать новый модуль

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

а потом

angular.module('app').factory('shareBtwnCtrlr', shareBtwnCtrlrService);

E. Abrakov 07 июнь 2016, в 05:32

0

Но в прошлый раз я использовал сервис fileUploader. Как я сделал инъекцию из app.core в модуль app.message, он работал хорошо.
Kevin 07 июнь 2016, в 06:58
0

Это услуга, заявленная в вашем модуле? Или просто другой модуль (сторонняя библиотека), который вы внедрили в свой модуль?
E. Abrakov 07 июнь 2016, в 07:04
0

ха это услуга
Kevin 07 июнь 2016, в 07:11
0

Можете ли вы показать код этого? Поскольку служба, объявленная в «module1», может быть внедрена в «module2» только путем внедрения «module1» в «module2» или путем введения «module1» и «module2» в «module3»
E. Abrakov 07 июнь 2016, в 07:14
0

(function () { 'use strict'; angular .module('app.core') .factory('fileUploader', fileUploadService); /** @ngInject */ function fileUploadService($resource,$http) { var fileUploader = {}; fileUploader.uploadFileToUrl = function(file, uploadUrl){ return fileUploader; } })();
Kevin 07 июнь 2016, в 07:19
0

А что вы app.message модуль app.message ?
E. Abrakov 07 июнь 2016, в 07:26
0

Давайте продолжим эту дискуссию в чате .
E. Abrakov 07 июнь 2016, в 07:31
0

я ничего не вставил в модуль app.message, но я вставил 'fileUploader' в контроллер сообщений, например функцию MessageController ($ scope, $ http, $ location, $ rootScope, fileUploader)
Kevin 07 июнь 2016, в 07:34

Показать ещё 6 комментариев