HREF在离子幻灯片中不起作用

Question

我试图把href链接到离子幻灯片中的滑块图像和文本。

这是我的代码。

<ion-slide-box ng-show="!cloading">
  <ion-slide ng-repeat="img in simgs">
    <div class="box">
      <a ng-href="#/menu/tab/featured-post/{{post.id}}" style="text-decoration:none;">
        <img src="{{img.url}}" ></img>
        <p class="prodblk2" ng-href="#/menu/tab/featured-post/{{post.id}}" >
          {{img.title}}           
        </p>
       </a>
     </div>
  </ion-slide>
</ion-slide-box>

链接正在显示，但当我单击它时，它不工作。我猜，离子滑块的属性，比如滑动或拖动，会覆盖鼠标操作。

通过添加一些JS函数，我尝试了ng-href甚至ng-click。

我希望代码没有错误。我想，我需要给离子幻灯片标签添加一些属性。我搜索了类似的问题，但没有找到。如果有人知道的话请帮帮我。提前谢谢。

Answer 1

我最终遇到了和你一样的问题，我的解决方案是在离子幻灯片指令上使用ng-click，因为在那里它会启动。

因此，您可以创建一个方法，将您需要的id作为参数传递，然后在控制器中处理路由。以下是我针对您的问题的解决方案：

HTML：

<ion-slide-box ng-show="!cloading">
<ion-slide ng-repeat="img in simgs" ng-click="slideClick({{post.id}})">
<div class="box">
  <a style="text-decoration:none;">enter code here
    <img src="{{img.url}}" ></img>
    <p class="prodblk2 >
      {{img.title}}           
    </p>
   </a>
 </div>

然后使用$location在控制器上创建一些方法，以转到您的URL。

JS：

$scope.slideClick = function(postId) {
    $location.path("/menu/tab/featured-post/" + postId);
}