jQuery click в сочетании с AngularJS ng-click not triggering

Question

У меня есть простая кнопка, где я вызываю ng-click (что отлично работает), и я хотел бы вызвать jQuery, щелкнув эту ту же кнопку, чтобы вызвать некоторый jQuery, делая некоторые угловой материал.

Вот моя кнопка

<button type="button" class="btn btn-md updateUser" ng-click="openFormForUpdate(client.id)">{{ __ "Update" }}</button> 

Вот код, который должен быть запущен, но это console.log() не показывает ничего.

var hidden = true; 
$('.updateUser').click(function(){ 
    console.log('Form is now open or closed.'); 
    hidden = !hidden; 
    if(hidden === false) 
     $('.add-user').show(1000); 
    else 
     $('.add-user').hide(1000); 
}); 

Я открыт для всех видов решений!

Answer 1

Угловой способ для этого следует использовать ng-show или ng-if, чтобы показать или скрыть элемент .add-user.

<button 
    type="button" 
    class="btn btn-md updateUser" 
    ng-click="openFormForUpdate(client.id); addUserHidden = !addUserHidden"> 
    {{ __ "Update" }} 
</button> 
<div 
    class="add-user" 
    ng-if="!addUserHidden"> 
    ... 
</div> 

для анимации, исследования ngAnimate, я не работал с ним много, поэтому я не могу предоставить образец.