Soy relativamente nuevo en AngularJS y sospecho que no entiendo un concepto. También estoy usando Twitter Bootstrap y he cargado jQuery.Accediendo al elemento cliqueado en angularjs
Flujo de trabajo: el usuario hace clic en un enlace de una lista, la sección "maestra" se actualiza y el usuario del enlace hace clic en la clase de ganancias activas.
básico Formato 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>
Hacer esto en jQuery:
jQuery(".list-holder").on('click', 'a', function(event){
event.preventDefault();
jQuery(".list-holder li").removeClass('active');
jQuery(this).parent('li').addClass('active');
});
Pero no puedo encontrar la manera de integrar angular y jQuery para hacer esto, porque estoy usando Angular para buscar la lista maestra (en formato JSON) desde el servidor y actualizar una lista en la página.
¿Cómo puedo integrar esto? Me parece que no puede encontrar el elemento que he hecho clic en una vez que esté dentro de la función de regulación angular
controlador:
function adminController($scope)
{
$scope.setMaster = function(obj)
{
// How do I get clicked element's parent li?
console.log(obj);
}
}
FYI: $ evento no funciona unl es pasado en el marcado: 'ng-click =" setMaster (sección, $ evento) "' Solo un aviso. –
¿Hay un enlace a cualquier documento de AngularJs sobre esto? –
@blesh ¿Hay alguna otra forma de obtener el objeto '$ event'? – ijse