AngularJs NG-點擊不引導下拉工作

我使用自舉3 CSS 唯一沒有引導JS或jQuery的與AngularJs框架，但我有一個非常基本的使用問題，它是ng-click不下去了引導解僱dropdownAngularJs NG-點擊不引導下拉工作

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正常工作！

編輯II

調用，而不是直接做的JavaScript在ng-click功能沒有工作太。

來源

2016-03-30 Peter Wilson

你可以嘗試調用一種方法嗎？例如。 'showHideCoupon（）'什麼的，不相信直接用ng-click做作業是個好主意 – cYrixmorten

試過這個，但是它仍然不起作用:( –

http://stackoverflow.com/questions/23093291/angular-ng -click-does-not-work-in-bootstrap-drowdown-menu –

最後，對於我的問題的解決方案是使用角度UI引導其處理所有的引導組件角的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>

來源

2016-03-31 11:34:18

如果你願意，你可以嘗試轉義引號，這也可能使第一個工作：'ng-click =「coupon.couponThumb4 = \」\ 「''。還有，它是'Thumb'還是'Thmub'？ – cst1992

@ cst1992感謝您的回覆！我的問題是ng-click沒有解僱，即使我調用函數而不是寫任何表達式 –

AngularJs NG-點擊不引導下拉工作

回答

相關問題