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

执行此操作的 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不触发

1 个答案: