bootstrap 有些控件需要调用锚点，会与angular 路由 冲突

最简单的方法 就是 在 #号前加/， 但有人说 在服务器上回失效，也不知道是什么原理。慎用

 

最靠谱的方法 就 是 使用bootstrap中的js控制控件，

比如轮播图的上一页 下一页，就可以在 angular的控制器中添加这两个方法。

bootstrap的轮播图部分代码

 <!-- Controls -->
              <a class="left carousel-control" href="" ng-click="prev()" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="" role="button" ng-click="next()" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>

angular 控制器

 

angular.module("angular",[]).controller("home_page_ctrl",["$scope",function($scope){
        $scope.prev = function(){
            $('.carousel').carousel('prev')
        }
        $scope.next = function(){
            $('.carousel').carousel('next')
        }
    }])