Javascript Flexslider-通过ng repeat更新图像-宽度不正确

我有一个带有图像滚动的页面，我正在使用Flexslider来实现这一点

现在的图像是基于日期排序的-所以我点击最后7天-它显示我最后7天的图像数据是通过AngularJS发送和接收的

现在。接收到JSON时返回的数据是-OK

问题在于，当数据通过FlexSlider返回并在视图中更新时，FlexSlider将使用新数据进行更新，但FlexSlider的宽度将根据先前存在的最大元素保持不变

为什么呢？有人能帮忙吗

<div class="recent_uploads mar_btm" ng-controller="recentuploadsController">
                        <div class="mar_btm titl_img"><h6>Recent Uploads</h6><!--<img alt="recent uploads" src="<?php echo base_url();?>public/image/net03.png">--></div>
                        <input type="text" ng-model="search.text" class="community-searching hide">
                        <button ng-click="clearSearch()" class="hide">clear</button>
                        <div class="rec_uplist_cont">
                            <div class="rec_uplist_slider">
                            <div class="flex-viewport" style="overflow: hidden; position: relative;">
                                <ul class="slides" style="width: 800%; transition-duration: 0.6s; transform: translate3d(-240px, 0px, 0px);">
                                        <div class="recnt_info" ng-if="recentupload!=null"><p> No Data Found</p></div>

                                        <li id="apptest" style="width: 226px; float: left; display: block;" class="animate-repeat" ng-repeat="recentupload in recentuploads | filter:search.text">
                                        <div class="rec_uplist" >
             <div class="recnt_info">{{recentupload.user}} <span class="timeago" title="{{recentupload.time}}">{{recentupload.time}}</span></div>
              <a href="#" data-toggle="modal" data-target="#view_video"><img width="226" ng-click="showvideo(recentupload.id)" height="127" src="http://img.youtube.com/vi/{{recentupload.embededCode}}/0.jpg" /></a>

                                            <a href="#" ng-click="showvideo(recentupload.id)" >{{recentupload.vtitle}}</a>
                                        </div>
                                        </li>
                                </ul>
                            </div>
                            <ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="flex-active">2</a></li></ol><ul class="flex-direction-nav"><li><a href="#" class="flex-next">Next</a></li><li><a href="#" class="flex-prev">Previous</a></li></ul></div>
                        </div>
                </div>

尝试从DOM中分离或删除flexslider，然后初始化新库

有关如何删除flexslider的详细信息