AngularJs нг клик не работает на Bootstrap выпадающего списка

Question

Я использую Bootstrap 3 CSS только без начальной загрузки JS или JQuery с рамки AngularJs, Но у меня есть очень простой вопрос использования, который ng-click не уволят на загрузчике dropdown

HTML

<div class="fc-couponThumbnail"> 

<i class="icon-ok" ng-if="coupon.couponMainImage=='couponThmub1'"></i> 
<div class="dropdown"> 
    <button type="button" class="dropdown-toggle" > 
     <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" > 
     <li ><a ng-click="coupon.couponMainImage='couponThmub1';">set main image</a></li> 
     <li><a ng-click="coupon.couponThmub1=''">delete</a></li> 
    </ul> 
</div> 

, как я не использую бутстраповских JS, так что я сделал эту директиву, чтобы получить выпадающий переключены

angular.module('FansCoupon').directive('dropdownToggle', function() { 
return{ 
    restrict:'C', 
    link:function(scope,ele,attrs){ 

     ele.on('click', function() { 
       ele.parent().toggleClass('open') 

     }) 
     ele.on('blur', function() { 
      ele.parent().removeClass('open') 
     }) 
    } 
} 
}) 

Редактировать Я

Когда я создаю экземпляр .dropdown с open класса ng-click работать должным образом!

Edit II

вызова функции вместо того, чтобы делать JavaScript непосредственно в ng-click не работал тоже.

Answer 1

Наконец решение для моего вопроса в том, чтобы использовать угловой UI Bootstrap, который обработку всех компонентов начальной загрузки как угловые директивы Js так я использовал uib-dropdown, uib-dropdown-toggle и uib-dropdown-menu

и мой код теперь выглядит следующим образом:

<div class="dropdown" uib-dropdown > 
<button type="button" uib-dropdown-toggle class="dropdown-toggle" > 

    <span class="caret"></span> 
</button> 
<ul class="dropdown-menu" uib-dropdown-menu > 
    <li ><a ng-click="coupon.couponMainImage=coupon.couponThmub4;">set main image</a></li> 
    <li><a ng-click="coupon.couponThmub4=''">delete</a></li> 
</ul>