jQuery 点击结合 AngularJS ng-click 不触发

Question

我有一个简单的按钮，我在其中调用 ng-click（效果很好），我想调用 jQuery 单击同一个按钮以在执行某些操作时触发一些 jQuery angular 东西。

这是我的按钮

<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

Angular方法可以使用 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，我没有使用它太多，所以我不能提供示例。

jQuery 点击结合 AngularJS ng-click 不触发

jQuery click combined with AngularJS ng-click not triggering

javascript

jquery

click

angularjs

angularjs-ng-click