单击时无法单击 Slick Slider ng-click

【问题标题】：Slick Slider ng-click is not clickable when clicked单击时无法单击 Slick Slider ng-click
【发布时间】：2020-01-13 12:59:49
【问题描述】：

使用 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>

【问题讨论】：

标签： javascript html angularjs slick.js

【解决方案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>

【讨论】：