Angular-carousel不起作用

Question

<div>
    <carousel interval="myInterval">
        <slide ng-repeat="slide in slides" active="slide.active">
            <img ng-src="{{slide.image}}" style="margin:auto;width: 200px;height: 200px;">
            <div class="carousel-caption">
                <p>{{slide.text}}</p>
            </div>
        </slide>
    </carousel>
</div>

    $scope.myInterval = 5000;
    var slides = $scope.slides = [];
    slides.push({image: 'img/css1.png', text: '亲爱的你，情人节快乐'});
    slides.push({image: 'img/css2.png', text: '亲爱的你，情人节快乐'});
    slides.push({image: 'img/css3.png', text: '亲爱的你，情人节快乐'});
    slides.push({image: 'img/css4.png', text: '亲爱的你，情人节快乐'});
    slides.push({image: 'img/css5.png', text: '亲爱的你，情人节快乐'});
    slides.push({image: 'img/css6.png', text: '亲爱的你，情人节快乐'});

我试图制作一个carousel的演示。 我只是按照代码作为链接。enter link description here图像只是在视图中列出。我很困惑。我不知道我该怎么办？ 在此先感谢!!