Javascript 防止slick.js在单击“下一步”时打开链接

我在angularJs web应用程序中使用slick.js slider。插件工作正常。我有上一页和下一页按钮。所有光滑的代码都在指向另一个页面的锚链接中。当我点击“上一步”或“下一步”按钮时，滑环在滑动，但链接也被打开。因此，我想防止在链接上设置样式的按钮点击时打开链接

请参阅简化结构

<a ng-href="wherever" target="_blank">          
        <div class="photo-box">                         
              <div class="slick-container" slick>
                    <div class="item" ng-repeat="photo in item.photos">
                        <img ng-src="url-to-image" />                   
                    </div>
                </div>
        </div>
<a/>

解析代码时，会重新创建如下按钮：

Next

---

如上所述，当我点击按钮时，滑块工作，但链接也打开了。

您可能想在

我的工作方法与您的第一种方法类似，但目前不起作用。由于我使用的是AngularJS1.0.7WebApp，我认为该组件应该是一个指令？我认为您可以使用一个指令并替换该

和。
<a ng-href="wherever" target="_blank" (click)="handleLinkClicked($event)">          
  <div class="photo-box">                         
    <div class="slick-container" slick>
      <div class="item" ng-repeat="photo in item.photos">
        <img ng-src="url-to-image" />                   
      </div>
    </div>
  </div>
<a/>

handleLinkClicked(e: ClickEvent) {
    if (e.target.classList.contains('slick-arrow')) e.preventDefault();
}

<div class="photo-box">                         
  <div class="slick-container" slick>
    <a class="item" ng-href="wherever" target="_blank" ng-repeat="photo in item.photos">
      <img ng-src="url-to-image" />                   
    </a>
  </div>
</div>