Angular与bootstrap轮播图的结合使用

<div id="myCarousel" class="carousel slide" interval="false"//此次不需要自动轮播，添加此声明    data-pause="pause" //鼠标悬停后移出后不需要重新激活即时，添加此声明>
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>    //此为轮播图下的小圆点，点击可跳转，此次不需要
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="/wp-content/uploads/2014/07/slide1.png" alt="First slide">
        </div>
        <div class="item">
            <img src="/wp-content/uploads/2014/07/slide2.png" alt="Second slide">
        </div>
        <div class="item">
            <img src="/wp-content/uploads/2014/07/slide3.png" alt="Third slide">
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel" 
        data-slide="prev" ng-non-bindable onclick="return false" 
//使用了angular框架，由于有路由设置，导致点击后会跳转至头部，因为a的href会引起路由中$urlRouterProvider.otherwise()设置的反应，return false表示阻止浏览器对事件的默认处理；在超链接中加上onclick="return false;"可以阻止打开超链接。> ? </a>

<a class="carousel-control right" href="#myCarousel" data-slide="next" >? </a> </div>