AngularJS $ rootScope。$ emit不触发该方法

Question

我想使用服务根据需求触发指令。 以下是指令代码。

var app = angular.module('MyModule').service('DOMService', ['$rootScope', function ($rootScope) {
    this.Manipulate = function () {
        $rootScope.$emit('manipulateDOM');
    };
}]).directive('domDirective', ['$rootScope', function ($rootScope) {
    return {
        restrict: 'EA',
        replace: 'false',
        scope: true,
        link: function (scope, elm, attrs) {
            $rootScope.$on("manipulateDOM", function () {
                alert("Entered......");
                //  element.find('#DirectiveLable').css('background-color', 'red')
                // element.find('#DirectiveLable').css('height', '100')
            });
        },
    };
}]);

我的HTML如下

<div id="example">
        <div id="grid"></div>
        <dom-directive>
            <label id="DirectiveLable">Click Here</label>
        </dom-directive>
    </div>

我在Angular Controller中像下面这样调用服务

angular.module('MyModule').controller('CitizenRelationAccordionController', ['$scope', '$q', '$attrs', 'DOMService',
    function ($scope, $q, $attrs, DOMService) {
       DOMService.Manipulate();
    }
 ]);

问题是，即使DOMService正在触发，也没有在警报已编写的地方调用指令方法

Answer 1

我认为您错过了模块声明中的[] ： 这是您编写的一个有效示例。

希望这会有所帮助，

达里奥