Angularjs'da tıklanan öğeye erişme

AngularJS için nispeten yeniyim ve bir kavram kavramadığından şüpheleniyorum. Ayrıca Twitter Bootstrap kullanıyorum ve jQuery yükledim.

İş akışı: Kullanıcı listeden bir bağlantıyı tıklatır, "ana" bölümü güncellenir ve bağlantıyı tıklayan kullanıcı etkin sınıf kazanır.

Temel HTML İşaretlemesi:

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

Bunu jQuery'de yapmak:

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

Ancak bunu yapmak için Angular ve jQuery nasıl entegre edileceğini anlayamıyorum, çünkü sunucudan ana listeyi (JSON formunda) almak ve sayfadaki bir listeyi güncellemek için Angular kullanıyorum.

Bunu nasıl entegre edebilirim? Açısal denetleyici işlevinin içindeyken tıkladığım öğeyi bulamıyorum

Denetleyici:

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

AngularJS, aşağıdaki sözdizimiyle bir tıklama olayını (ve dolayısıyla bir hedefini) ele geçirmenize izin verirken ( işleve ilişkin $eventargümanı not edin setMaster; buradaki belgeler: http://docs.angularjs.org/api/ng.directive Tıklayın ):

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

bu, bu problemi çözmenin çok açısal bir yolu değildir. AngularJS ile odak model manipülasyonudur. Biri bir modeli değiştirir ve AngularJS'nin oluşturmayı anlamasını sağlar.

Bu sorunu çözmenin AngularJS yolu (jQuery kullanmadan ve argümanı geçirmeye gerek kalmadan$event ):

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

denetleyicideki yöntemler şöyle görünecektir:

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

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

Tam jsFiddle: http://jsfiddle.net/pkozlowski_opensource/WXJ3p/15/