Javascript AngularJs：在旋转木马中包含ng repeat的问题

我正在使用flexslider创建旋转木马，并使用ng repeat在该旋转木马中显示所需列表

我想要的是它在一张幻灯片中按应有的方式显示一个项目，但它在第一张幻灯片中显示整个列表，而在第二张幻灯片中，它仅显示列表大小的第一个项目

请帮忙，谢谢

 <div class="page" ng-controller="mainController" >
    <section class="container-fluid">
        <div class="row-fluid bg-white">
            <div class="flexslider">
                <ul class="slides" ng-repeat="f in feed" >
                    <li class="carousel-bg1 ">
                        <div class="carousel-data">
                            <div class="carousel-text">
                                <h5><span>{{f.time}}</span></h5>
                            </div>
                            <div class="row-fluid testimonial-spec">
                                <article class="span10 carousel-text">
                                    <p>{{f.news}}</p>
                                </article>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div><!-- row-fuild : ends -->
    </section> <!-- container-fluid : ends-->
</div> <!-- competitions-carousel : ends -->

{{f.time}}
{{f.news}

您正在重复滑块ul列表，很可能要重复li列表项。尝试一下：

<div class="page" ng-controller="mainController" >
    <section class="container-fluid">
        <div class="row-fluid bg-white">
            <div class="flexslider">
                <ul class="slides">
                    <li class="carousel-bg1"  ng-repeat="f in feed">
                        <div class="carousel-data" >
                            <div class="carousel-text">
                                <h5><span>{{f.time}}</span></h5>
                            </div>
                            <div class="row-fluid testimonial-spec">
                                <article class="span10 carousel-text">
                                    <p>{{f.news}}</p>
                                </article>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div><!-- row-fuild : ends -->
    </section> <!-- container-fluid : ends-->
</div> <!-- competitions-carousel : ends -->

{{f.time}}
{{f.news}