不工作的Angular-UI轮播？

Question

我有一个旋转木马（Angular-UI）：

    <div id="slides_control">
        <carousel interval="myInterval">
            <slide ng-repeat="slide in slides" active="slide.active">
                <img ng-src="{{slide.image}}">
                <div class="carousel-caption">
                    <h4>Slide {{$index+1}}</h4>
                </div>
            </slide>
        </carousel>
    </div>

间隔幻灯片：

$scope.myInterval = 3000;
    $scope.slides = [
        {
            image: 'http://placehold.it/350x150'
        },
        {
            image: 'http://placehold.it/350x150'
        },
        {
            image: 'http://placehold.it/350x150'
        },
        {
            image: 'http://placehold.it/350x150'
        }
       ];

我也在Yeoman（角度发生器）的帮助下安装了Angular，Angular-UI。 我看到滑块，但左侧和右侧的按钮不起作用。当我在Chrome开发工具中看到，点击后我看到按钮工作，但滑块没有更改幻灯片。我该怎么做才能解决这个问题？