AngularJS - Wie verbinde ich Klickfunktionen mit Kindelementen

Question

Ich möchte Klickfunktionen an diese Listenelemente in dieser eckigen Direktive binden, aber ich habe keine Idee, wie dies zu tun ist ... Element-Links zum ganzen div, aber wie man einen Klick-Listener für all diese Listenelemente erstellt ...?

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'); 
     }); 
    } 
}; 
}); 

und die diese Vorlage zu diesem Selektor

<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

Änderung:

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

.find() jqLite Verfahren so Lookup tagName beschränkt ist, müssen Sie das Zielelement tagname setzen.