单击事件不绑定到指令中的内部元素

时间:2014-09-24 05:21:18

标签: angularjs

我在包含不同操作按钮的容器上使用指令。我想在每个按钮上绑定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
                });
}

1 个答案:

答案 0 :(得分:0)

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-click指令与你选择的函数放在一起,如下所示:

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