Accéder à l'élément cliqué dans angularjs

Je suis relativement nouveau sur AngularJS et je soupçonne que je ne saisis pas un concept. J'utilise également Twitter Bootstrap et jQuery est chargé.

Flux de travail: l'utilisateur clique sur un lien dans une liste, la section «maître» est mise à jour et le lien utilisateur cliqué sur gagne la classe active.

Balisage HTML de base:

<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>

Faire cela dans jQuery:

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

Mais je ne peux pas comprendre comment intégrer Angular et jQuery pour y parvenir, car j'utilise Angular pour récupérer la liste principale (sous forme JSON) sur le serveur et mettre à jour une liste sur la page.

Comment intégrer cela? Je n'arrive pas à trouver l'élément sur lequel j'ai cliqué une fois que je suis dans la fonction de contrôleur angulaire

Manette:

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

Alors qu'AngularJS vous permet de mettre la main sur un événement de clic (et donc une cible de celui-ci) avec la syntaxe suivante (notez l' $eventargument de la setMasterfonction; documentation ici: http://docs.angularjs.org/api/ng.directive : ngClick ):

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

ce n'est pas une manière très angulaire de résoudre ce problème. Avec AngularJS, l'accent est mis sur la manipulation du modèle. On muterait un modèle et laisser AngularJS déterminer le rendu.

La manière AngularJS de résoudre ce problème (sans utiliser jQuery et sans avoir besoin de passer l' $eventargument ) serait:

<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>

où les méthodes du contrôleur ressembleraient à ceci:

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

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

Voici le jsFiddle complet: http://jsfiddle.net/pkozlowski_opensource/WXJ3p/15/