AngularJS - 子要素にクリック機能をバインドするにはどうすればいいですか

Question

この角度指示文では、これらのリスト項目にクリック機能をバインドしたいと思いますが、これを行う方法はわかりません... div、これらのすべてのリスト項目のクリックリスナを作成する方法...？

app.directive('paginaLijst', function() { 
    return { 
    templateUrl: 'js/templates/paginas.html', 
    restrict: 'AE', 
    replace: true, 
    link: function($scope, element, attrs) { 

     element.bind('mouseenter', function() { 
      element.css('background-color', 'yellow'); 
     }); 
     element.bind('mouseleave', function() { 
      element.css('background-color', 'white'); 
     }); 
    } 
}; 
}); 

と、このこのセレクタのテンプレート

<div ng-class="colSizeList" class="beheer a-show-hide" id="opdrachten" ng-hide="opdActive"> 
<h4>Beheer opdrachten</h4> 
<ul class="list-group"> 
<li class='list-group-item opdracht' ng-class="{ 'active': $index == selectedIndex }" ng-repeat="opdracht in opdrachten"> 
     <a href="#"> 
       <span>{{opdracht.vak}}</span> 
       <small>{{opdracht.titel}}</small> 
     </a> 
</li> 
</ul> 
</div> 

Answer 1

変更：

element.find('li').bind(...) 

.find() jqLit​​e方法は非常に検索をタグ名に制限され、あなたがターゲット要素のタグ名を配置する必要があります。