[Jquery] Accéder à l'élément cliqué dans angularjs


Answers

Question

Je suis relativement nouveau à AngularJS et je soupçonne que je ne comprends pas un concept. J'utilise aussi Twitter Bootstrap et j'ai jQuery chargé.

Workflow: L'utilisateur clique sur un lien d'une liste, la section "master" est mise à jour et l'utilisateur du lien clique sur le gain de 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 n'arrive pas à comprendre comment intégrer Angular et jQuery pour y arriver, car j'utilise Angular pour aller chercher la liste principale (sous forme JSON) depuis le serveur et mettre à jour une liste sur la page.

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

Manette:

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