首页 > 代码库 > bootstrap 有些控件需要调用锚点,会与angular 路由 冲突
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‘) } }])
bootstrap 有些控件需要调用锚点,会与angular 路由 冲突
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。