从控制器调用指令范围内定义的函数

Question

编辑：我创建了一个 Plnkr http://plnkr.co/edit/yuvtrPs3csAQZW7OF06O

我不确定这是否有任何关系，但我注意到控制台的日志显示：

事件跟踪多窗格显示预览工具栏 undefined undefined

---

前提：我正在根据链接中的“可能被遗忘”的问题创建一个新问题：

AngularJS: How do I call a function defined in a directive's scope from a controller?

由于我在那里得到了一个答案，我将新问题告知他，以防他想在这里完成他的答案。 另外，我知道有类似的问题，但我找不到适合我的情况的解决方案。

我需要调用一个属于我的 Angular 应用程序中使用的 ng 指令的 $scope 的函数。 按照教程：

http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/

我设置以下代码为例。

假设指令是这样定义的：（具体来说，指令——在这里简化——是插件定义的指令：www.ixtendo.com/polyglot-language-switcher-2/#angularjs）

注意：指令和我想要访问指令的控制器功能的控制器之间存在not父子关系。这就是我使用 $rootScope

的原因

.directive('my-directive', ['$document', '$timeout', '$rootScope', function ($document, $timeout, $rootScope) {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            // ....
        },
        controller: ['$scope', '$rootScope', function ($scope, $rootScope) {

            var myFunction= function () {
                // do something...
            };

            $scope.$on('openLanguageSelectionPopup', function (){
                console.log("event triggered"); // NOT triggered!
                myFunction();  
            });
        }
    };
}]);

我需要从我的控制器（称为 ma​​inController）调用 myFunction，这是放置我的指令的视图的控制器。我将其定义为：

.controller('mainController',
function ($scope, $rootScope){
    $rootScope.$emit('openLanguageSelectionPopup'); 
    // this is event should be received by any $rootScope.$on(...) in ANY controller
})

我修改了指令的控制器本身但没有成功

事实上，事件 (openLanguageSelectionPopup) 没有被触发（console.log 没有被打印）。 我也确信 $on 和 $emit 都会在某个时候达到（我尝试使用 console.log(...) ）。

我了解问题可能出在指令的范围定义中，正如以下答案中提出的解决方案：

Calling a method in a controller defined in a directive from a javascript function

但是，如果这是问题所在，我无法理解接受的答案会对我的具体案例带来什么。

另外，我不明白应该将 $rootScope: 放在指令的控制器函数还是指令的定义函数中（在我的示例中，我在这两个函数中都添加了它）。

Answer 1

你在控制器中发射和广播你的东西。 但该指令不存在。

至少我认为这正在发生。 因为如果我将您的广播包装在超时中，他们就会收到它。

你的 plunkr 也缺少一些东西

您忘记将脚本添加到 index.html 你像这样在 html 中调用你的指令，但它应该是