Angular js останавливает распространение из события Bootstrap «dropdown-toggle»
У меня есть приложение Angular JS 1.3.
В нем у меня есть повторитель строки таблицы с помощью ng-клика:
<tr ng-repeat-start="user in users.users" ng-click="showDetails = !showDetails">
<!-- main row, with the menu td shown below -->
<tr class="row-details" ng-show="showDetails" ng-class="{ 'active': showDetails }">
<td>this is the row that hows details</td>
</tr>
<tr ng-repeat-end></tr>
Который переключает открытие подробного вида. Работает отлично. Но теперь мне нужно добавить еще один элемент в каждом изtd
s, меню кнопки Bootstrap:
<td>
<div class="btn-group">
<div ng-switch on="user.status">
<button class="btn btn-link btn-gear dropdown-toggle" type="button" data-toggle="dropdown"><i class="fa fa-cog"></i></button>
<ul class="dropdown-menu dropdown-menu-right" role="menu" ng-switch-when="Inactive">
<li><a href="" ng-click="users.modals.deleteUser()">Delete</a></li>
</ul>
<ul class="dropdown-menu dropdown-menu-right" role="menu" ng-switch-when="Invited">
<li><a href="" ng-click="users.toast.resendInvite()">Resend invitation</a></li>
<li><a href="" ng-click="users.modals.deleteUser()">Delete</a></li>
</ul>
<ul class="dropdown-menu dropdown-menu-right" role="menu" ng-switch-default>
<li><a href="" ng-click="users.toast.sentPassword()">Reset password</a></li>
<li><a href="" ng-click="users.modals.deleteUser()">Delete</a></li>
</ul>
</div>
</div>
</td>
Проблема в том, что, пытаясь нажать на эту кнопку меню, вместо этого запускается щелчок ng по строке, переключая состояние строки, но никогда не открывая мое меню. Как я могу предотвратить это?