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')
        }
    }])