單擊事件中未綁定到指令中的內部元素

Question

我在包含不同操作按鈕的容器上使用指令。我想要綁定每個按鈕上的點擊事件。但它不工作。

請找到鏈接功能：

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你把NG-點擊指令與您選擇，像這樣的功能：

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