сфера. $ На не работает, когда создаются внутри директивы

Question

Я создал директиву для моего приложения, которое упоминается в следующем вопросе How do you serve a file for download with AngularJS or Javascript? Директивы кода, как, как показано ниже

appModule.directive('fileDownload', function ($compile) { 
     var fd = { 
      restrict: 'A', 
      link: function (scope, iElement, iAttrs) { 

       scope.$on("downloadFile", function (e, url) { 
        var iFrame = iElement.find("iframe"); 
        if (!(iFrame && iFrame.length > 0)) { 
         iFrame = $("<iframe style='position:fixed;display:none;top:-1px;left:-1px;'/>"); 
         iElement.append(iFrame); 
        } 
        iFrame.attr("src", url); 
       }); 
      } 
     }; 
     return fd; 
    }); 

Здесь сфера. $ На используется, когда я вызываю это событие через $ scope. $ emit или $ scope. $ broadcast, он не работает. Мой код контроллера, как показано ниже

function reportsController($scope, $http) { 
     var self = this; 

     $scope.$broadcast("downloadFile", 'http://google.com'); 
     $scope.$emit("downloadFile", 'http://google.com'); 
    } 

и мой HTML-файл, как показано ниже

<div ng-controller="reportsController" id="repctrl"> 
     <a file-download></a> 
    </div> 

Что я делаю неправильно здесь?

@Edit: добавлена ​​подписка ($ on) на этапе компиляции, чтобы избежать использования $ timeout в контроллере. Here вы можете посмотреть пример

Answer 1

Я думаю, что ваш контроллер инициализируется перед вашей директивой .. поэтому $on начинает слушать после $emit, $broadcast уже произошло.

увидеть это plunker

открыть консоль, и вы можете видеть, когда console.logs произойдет:

controller init happened script.js:16 
link happened script.js:7 
$scope.test() happened script.js:21 
scope.$on happened script.js:9 
scope.$on happened 

При инициализации контроллера с ng-view или делать Emit/вещать после того, как директива создается , он должен работать.

Answer 2

что-то подобное случилось со мной, когда я пытаюсь вызвать функцию в директиве модального,

, что я должен был сделать, чтобы сделать задержку после того, как я сделал вызов, чтобы показать модальный:

 $timeout(function() { 
      $rootScope.$broadcast('obtiene-plantillas'); 
     }, 500);