动态删除＆＃34;打开＆＃34;关于AngularJS ui-bootstrap的下拉列表

Question

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

所以，我调查了chrome dev工具的下拉列表。我注意到，当它可见时，它会向课堂开放。

<span class="btn-grp open">

现在，当下拉列表不可见时，它将删除打开的

<span class="btn-grp">

所以我想通过open（）点击datepicker日历动态删除open。但是，我不确定如何引用“开放”。不知道我是否应该使用ng-class，因为它已经被UI-bootstrap动态添加。

Answer 1

如果您的span有id，则可以使用jQuery来执行此操作。

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

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

如果存在，则删除'open'