javascript - 在 AngularJS 中点击哈希标签时如何避免路由

Question

我在页面中的小轮播中有链接，并且我正在使用 AngularJS 路由概念来构建单页应用程序。小轮播使用 anchor 标记作为按钮来滑动图像。

                  <div class="carousel-controls-mini">
                      <a href="#myCarousel" data-slide="prev">&#60;</a>
                      <a href="#myCarousel" data-slide="next">&#62;</a>
                  </div>

但是当我单击下一步按钮时，页面将重定向到默认页面，即/home。

脚本.js

            when('/home', {
                templateUrl: 'home.html',
            }).

            when('/unlimited', {
                templateUrl: 'license-unlimited.html',
            }).

            when('/my-licenses', {
                templateUrl: 'my-licenses.html',
            }).

            otherwise({
                redirectTo: '/home'
            });

我该如何解决这个问题？需要帮助

Answer 1

改用data-target。

改变

<div class="carousel-controls-mini">
         <a href="#myCarousel" data-slide="prev">&#60;</a>
         <a href="#myCarousel" data-slide="next">&#62;</a>
</div>

至

<div class="carousel-controls-mini">
       <a href="" data-target="#myCarousel" data-slide="prev">&#60;</a>
       <a href="" data-target="#myCarousel" data-slide="next">&#62;</a>
</div>