Я відносно новий в AngularJS і підозрюю, що не розумію поняття. Я також використовую Twitter Bootstrap, і у мене завантажується jQuery.
Робочий процес: Користувач натискає посилання зі списку, "головний" розділ оновлюється і користувач посиланням натискає на посилений активний клас.
Основна розмітка 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>
Робити це в jQuery:
jQuery(".list-holder").on('click', 'a', function(event){
event.preventDefault();
jQuery(".list-holder li").removeClass('active');
jQuery(this).parent('li').addClass('active');
});
Але я не можу зрозуміти, як інтегрувати Angular і jQuery, щоб це зробити, тому що я використовую Angular для отримання головного списку (у формі JSON) з сервера та оновлення списку на сторінці.
Як я це інтегрую? Я не можу знайти елемент, на який натиснув, коли я перебуваю у функції кутового контролера
Контролер:
function adminController($scope)
{
$scope.setMaster = function(obj)
{
// How do I get clicked element's parent li?
console.log(obj);
}
}
ng-click="setMaster(section, $event)"
зроблено в розмітці: Лише вгору.