Angular Js - излучать из $ rootScope в директиве

Question

Я пытаюсь открыть диалоги, которые имеют свои собственные контроллеры, открывая их через события.Моя проблема в том, что я всегда получаю

Не могу прочитать свойство $ emit of undefined`, потому что по какой-то причине мой $ rootScope не определен.

Как я могуправильно ввести $rootScope?

Я использую 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"
        });
      });
    }
  }
}]);

Answer 1

Попробуйте это

.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"});
        });
    }
}
}]);