Slick Slider ng-click 在單擊時不可單擊

Question

使用光滑的滑塊，我試圖將 ng-click 放在光滑元素內的按鈕上，但觸發 click 事件不會調用 ng-click 指令中定義的函數。

<slick dots="true" 
       infinite="true" 
       speed="300" 
       slides-to-show="4" 
       touch-move="false" 
       slides-to-scroll="1" 
       variable-width="false" 
       class="slider slick-slider" 
       responsive="plans_slick_responsive">
    <div class="list-item" ng-repeat="plan in plans">
        <button class="btn slick-btn select-plan" 
                ng-click="select_plan(plan)" 
                ng-model="plan">
            <span>Select Plan</span>
        </button>
    </div>            
</slick>

Answer 1

如果您以編程方式觸發點擊事件，則應使用以下內容：

    angular.element('#buttonID').triggerHandler('click');

為了將它應用到您的代碼中，您必須將 id 屬性添加到您的按鈕，結果如下：

<slick dots="true" 
   infinite="true" 
   speed="300" 
   slides-to-show="4" 
   touch-move="false" 
   slides-to-scroll="1" 
   variable-width="false" 
   class="slider slick-slider" 
   responsive="plans_slick_responsive">
<div class="list-item" ng-repeat="plan in plans">
    <button class="btn slick-btn select-plan" 
            ng-click="select_plan(plan)" 
            id="buttonID" 
            ng-model="plan">
        <span>Select Plan</span>
    </button>
</div>