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