Angular Js - emit from $rootScope within directive

Question

I am trying to open dialogs, which have their own Controllers, opening them through events. My problem now is, that I am always getting

Cannot read property $emit of undefined`, because for some reason my $rootScope is undefined.

How can I inject the $rootScope properly?

I am using Angular 1.6.7.

.directive("opendialog", [function($rootScope) {
  return {
    link: function(scope, element, attributes) {
      element.bind("click", function(event) {
        var dialogId = $(element).attr("id");
        $rootScope.$emit(dialogId, {
          command: "open"
        });
      });
    }
  }
}]);

Parshwa Shah · Accepted Answer · 2018-12-26 12:10:39Z

1

Try this

.directive("opendialog", ["$rootScope", function ($rootScope) {
return {
    link: function (scope, element, attributes) {
        element.bind("click", function (event) {
            var dialogId = $(element).attr("id");
            $rootScope.$emit(dialogId, {command: "open"});
        });
    }
}
}]);

answered Dec 26, 2018 at 12:10

Parshwa Shah

3414 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular Js - emit from $rootScope within directive

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related