Javascript 滑动滑块ng click在单击时不可单击

使用slick slider，我试图在slick元素中的按钮上放置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>

选择计划

如果您以编程方式触发单击事件，则应使用以下命令：

    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>            

选择计划