Question

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

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

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

的script.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>

单击AngularJS中的哈希标记时如何避免路由

1 个答案: