动态删除AngularJS ui-bootstrap的下拉菜单中的“open”类

Question

我目前使用的是UI-Bootstrap datepicker和下拉菜单。当我点击下拉菜单时，显示菜单。虽然菜单或选择是可见的，我点击日历datepicker。下拉菜单不会消失。它保持开放。但是，如果我首先点击显示日历日期的日历日期选择器，然后点击我的下拉列表，日历就会消失，这正是我们通常所期望的。

所以，我调查了铬开发工具的下拉菜单。我注意到，当它可见时，它会向课堂开放。

<span class="btn-grp open"> 

现在，当下拉列表不可见，它消除了开

<span class="btn-grp"> 

所以我在点击日历日期选择器通过开放的思维来动态地去除的open（）我有。但是，我不知道如何引用“打开”。不知道是否应该使用ng-class，因为它已经通过UI-bootstrap动态添加。

Answer 1

如果你的跨度有一个id，你可以使用jQuery来做到这一点。

<span id="myspan" class="open btn-grp"> 

    jQuery('#myspan').removeClass('open'); 

，将删除 '开放'，如果它存在