Zugriff auf geklicktes Element in anglejs

Ich bin relativ neu bei AngularJS und vermute, dass ich kein Konzept verstehe. Ich verwende auch Twitter Bootstrap und habe jQuery geladen.

Workflow: Der Benutzer klickt auf einen Link aus einer Liste, der Abschnitt "Master" wird aktualisiert und der Linkbenutzer, der auf "Aktiv" klickt, erhält eine aktive Klasse.

Grundlegendes HTML-Markup:

<ul class="list-holder" ng-controller="adminController">
   <li><a ng-click="setMaster('client')">Clients</li>
   <li><a ng-click="setMaster('employees')">Employees</li>
   <li><a ng-click="setMaster('etc')>Etc...</li>
</ul>

Tun Sie dies in jQuery:

jQuery(".list-holder").on('click', 'a', function(event){
    event.preventDefault();
jQuery(".list-holder li").removeClass('active');
jQuery(this).parent('li').addClass('active');
});

Ich kann jedoch nicht herausfinden, wie Angular und jQuery integriert werden können, um dies zu erreichen, da ich Angular verwende, um die Hauptliste (in JSON-Form) vom Server abzurufen und eine Liste auf der Seite zu aktualisieren.

Wie integriere ich das? Ich kann das Element, auf das ich geklickt habe, nicht finden, wenn ich mich in der Winkelsteuerungsfunktion befinde

Regler:

function adminController($scope)
    {    
        $scope.setMaster = function(obj)
        {
            // How do I get clicked element's parent li?
            console.log(obj);
        }
    }

Während AngularJS es Ihnen ermöglicht, ein Klickereignis (und damit ein Ziel davon) mit der folgenden Syntax in die Hand zu nehmen (beachten Sie das $eventArgument für die setMasterFunktion; Dokumentation hier: http://docs.angularjs.org/api/ng.directive) : ngClick ):

function AdminController($scope) {    
  $scope.setMaster = function(obj, $event){
    console.log($event.target);
  }
}

Dies ist kein sehr eckiger Weg, um dieses Problem zu lösen. Bei AngularJS liegt der Fokus auf der Modellmanipulation. Man würde ein Modell mutieren und AngularJS das Rendern herausfinden lassen.

Die AngularJS-Methode zur Lösung dieses Problems (ohne Verwendung von jQuery und ohne die Notwendigkeit, das $eventArgument zu übergeben ) wäre:

<div ng-controller="AdminController">
    <ul class="list-holder">
        <li ng-repeat="section in sections" ng-class="{active : isSelected(section)}">
            <a ng-click="setMaster(section)">{{section.name}}</a>
        </li>
    </ul>
    <hr>
    {{selected | json}}
</div>

wo Methoden in der Steuerung so aussehen würden:

$scope.setMaster = function(section) {
    $scope.selected = section;
}

$scope.isSelected = function(section) {
    return $scope.selected === section;
}

Hier ist die komplette jsFiddle: http://jsfiddle.net/pkozlowski_opensource/WXJ3p/15/