Question

我有一个带有以下代码的属性指令：

return {
  restrict: 'A',
  priority: 1000,
  link: function (scope, $element) {
    $timeout(function () {
      $($element).on('click','li', function ($event) {
        alert('hi');
      });
    });

  }
};

这是我正在尝试使用它的HTML：

<ul some-directive>
   <li ng-click="someFunc()"></li>
   <li ng-click="someFunc()"></li>
   <li ng-click="someFunc()"></li>
</ul>

问题还在于li元素我正在使用ngClick指令来调用其他一些函数。我注意到的是，只要ngClick指令存在，就永远不会调用指令onClick方法。

是否可以触发ngClick和onClick？似乎ngClick覆盖了指令的onClick。

Answer 1

我还不太清楚为什么你需要2个点击处理程序？您可以在<span>中添加<li>，并在该范围内附加onClick或ng-click方法。类似的东西：

<li mydirective=""><span ng-click="handleClick()">your content here</span></li>

<li>元素的内容只是在<span>之内。

元素onClick不使用ngClick

1 个答案: