Нажмите событие, не привязанное к внутренним элементам в директиве

Question

Я использую директиву на контейнере, который содержит различные кнопки действий. Я хочу связать событие click на каждой кнопке. Но это не работает.

Вы можете найти функцию ссылка:

return function(scope, iElement, iAttributes, containerCtrl) { 
    iElement.bind('click', function(){ 
        console.log('decline_wrap click');//working 
       }); 

    iElement.find('.a').bind('click', function(){ 
        console.log('a click');//not working 
       }); 

    iElement.find('.b').bind('click', function(){ 
        console.log('b click');//not working 
       }); 
} 

Answer 1

Что V31 сказал:

return function(scope, iElement, iAttributes, containerCtrl) { 
    scope.declineWrap = function(){ 
          console.log('decline_wrap click'); 
         }; 

    scope.aFunction = function(){ 
          console.log('a click'); 
        }; 

    scope.bFunction = function(){ 
          console.log('b click'); 
         }; 
} 

, а затем в HTML вы поставите директиву нг щелчка с функцией вашего выбора, что-то вроде этого:

<div class="a" ng-click="aFunction()"></div> 
<div class="b" ng-click="bFunction()"></div>