Jestem stosunkowo nowy w AngularJS i podejrzewam, że nie rozumiem pojęcia. Używam także Twitter Bootstrap i mam załadowany jQuery.

Workflow: użytkownik klika łącze z listy, sekcja „master” jest aktualizowana, a użytkownik łącza kliknął na zyskuje aktywną klasę.

Podstawowy znacznik HTML:

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

Robiąc to w jQuery:

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

Ale nie mogę zrozumieć, jak zintegrować Angular i jQuery, aby to zrobić, ponieważ używam Angulara do pobrania listy głównej (w formie JSON) z serwera i zaktualizowania listy na stronie.

Jak to zintegrować? Nie mogę znaleźć elementu, który kliknąłem, gdy już znajduję się w funkcji kontrolera kątowego

Kontroler:

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