angular Отправить событие в директиву

Question

Я хочу отправить событие из моего контроллера представления в директиву (я хотел бы запрограммировать общий предупреждающий ящик, который может получать предупреждения через событие контроллера внешнего вида). Я сделал следующее:

В моем шаблоне вида я добавил директиву:

HTML шаблон зрения:

<alert-box></alert-box> 

в контроллере представления:

$scope.$broadcast('add-alert', {type: 'danger', msg: message}); 

Моя директива:

.directive(
'alert-box', [function() { 
    return { 
     restrict: 'E', 
     templateUrl: '/directives/alert-box.html', 
     scope: false, 
     controller: [ 
     "$scope", 
     function ($scope) { 

      $scope.alerts = []; 

      $scope.$on('add-alert', function(event, arg) { 
      $scope.addAlert(arg); 
      }); 

      $scope.addAlert = function (alert) { 
      $scope.alerts = []; 
      $scope.alerts.push(alert); 
      }; 

      $scope.closeAlert = function (index) { 
      $scope.alerts.splice(index, 1); 
      }; 
     }] 
    } 
    } 
]); 

Согласно документам, вы должны объявить scope: false так, чтобы вы наследовали область видимости из области внешнего контроллера. Поскольку я использую $ broadcast, который должен распространять событие вниз по hirachy, я бы за исключением этого, чтобы работать, но это не так. Моя единственная мысль, что контроллер внутри директивы всегда создает изолированную область видимости. (?)

Answer 1

Ваш пример показывает несоответствие имен, имя директивы должны быть alertBox вместо предупреждения коробки, чтобы иметь тег быть