单击时不能单击平滑滑块ng-click

Question

使用slick滑块，我试图将ng-click放在slick元素中的一个按钮上，但是触发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>            

​