브로드 캐스트 앵글을 사용하는 지시문 통신에 대한 지시문

Question

두 개의 지시문이 있으며 한 요청에서 다른 지시문으로 값을 전달해야합니다.

이

var fileUpload = angular.module('fileUploadDirective',[]); 
fileUpload.directive('fileUpload', function() { 
     return { 
      restrict: 'EA', 
      templateUrl: 'app/views/fileUpload/file-upload.tpl.html', 
      controller: fileUploadCtrl 
     } 
    }); 
fileUploadCtrl.$inject = ['$scope', '$rootScope', '$http','FileUploader']; 
function fileUploadCtrl($scope, $rootScope, $http, FileUploader) { 

    var vm =this 
    vm.uploader.onBeforeUploadItem = function (item) {    
     $rootScope.$broadcast("NEW_EVENT",data); //send event 
    } 
} 

두 번째 지시는 두 번째 지시 이벤트가 $ 범위의 수신 이벤트의

Answer 1

을 경청하지 않는

var resultPage = angular.module('resultPageDirective',[]); 
resultPage.directive('resultDirective',function(){ 
    return { 
     restrict: 'EA', 
     scope: {}, 
     replace: true, 
     link: function($scope, element, attributes){ 
     }, 
     controller: function($scope,$rootScope,$attrs,$http){  
      $scope.junkFiles = ["abc","xyz"]; 
      $scope.$on("NEW_EVENT",function(event,data){ //listen to event 
        console.log(data); 
      }); 

     }, 
     templateUrl: 'app/views/resultPage/resultPage.tpl.html' 
    } 
}); 

모양처럼

첫 번째 지침 보이는, 당신은 $on를 사용해야합니다 대신 on

$scope.$on("NEW_EVENT",function(event,data){ //listen to event 
     console.log(data); 
});