Вызов услуг в пользовательской директиве

Question

Вызов услуг в пользовательской директиве

0

У меня есть настраиваемая директива, которая работает нормально, пока я не добавил некоторые сервисы к ней, давая мне "Ошибка: ng: areq Bad Argument", не могу понять, почему.

Моя директива:

angular.module('myApp')
    .directive('modalContent',[
        '$uibModal',
        'UserService'],
        function($uibModal, UserService){
        return {
            restrict: 'A',
            priority: 100,
            link: function($scope, element, attrs) {
                element.on( 'click', function( evt ){

                    console.log("Click and Stop");

                    evt.preventDefault()
                    evt.stopImmediatePropagation();

                    $scope.$apply(function(){
                        console.log("call Modal");
                    });

                });
            }
        };
    });

Marco Santos 21 июль 2016, в 16:55

Источник

0

модуль myApp определен где-то еще?
Rathma 21 июль 2016, в 14:28

Теги:

javascript

angularjs

angularjs-directive

1 ответ

Ещё вопросы

Freddy Garcia · Accepted Answer · 2016-07-21T12-28-00.000Z

Попробуйте инициализировать угловой модуль перед созданием директивы:

angular.module('myApp',[]);

После этого вы можете использовать свой код.

Редактировать:

Ошибка вызвана синтаксической ошибкой, у вас есть дополнительный ] после 'UserService' правильное определение директивы:

angular.module('myApp')
    .directive('modalContent',[
        '$uibModal',
        'UserService',
        function($uibModal, UserService){
        return {
            restrict: 'A',
            priority: 100,
            link: function($scope, element, attrs) {
                element.on( 'click', function( evt ){

                    console.log("Click and Stop");

                    evt.preventDefault()
                    evt.stopImmediatePropagation();

                    $scope.$apply(function(){
                        console.log("call Modal");
                    });

                });
            }
        };
    }]);

Также обратите внимание на изменение в конце: }]); вместо });