码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-02-27 23:03:57      阅读:740      评论:0      收藏:0      [点我收藏+]

标签:href   方法   需要   page   hidden   scope   $scope   -o   role   

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

 

最靠谱的方法 就 是 使用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 路由 冲突

标签:href   方法   需要   page   hidden   scope   $scope   -o   role   

原文地址:http://www.cnblogs.com/yang-C-J/p/6476670.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!