Question

我有一个使用前端作为angularjs的网站。它在主页中有一个滑块，用于从数据库中提取数据以显示它。使用ng-repeat无法在滑块中显示提取的数据。滑块有图像和文本，使用data-transform_in和data-transform_out滑块工作。当我在浏览器中打开此页面时，它显示加载图像一段时间后查看从数据库中取出的最后一个数组并停止工作

这是我的滑块部分

<section id="slider" class="no-padding">
    <div id="slide_1_wrapper" class="rev_slider_wrapper fullwidthbanner-
 container">
      <!-- START REVOLUTION SLIDER 5.0.7 auto mode -->
      <div id="slider_2" class="rev_slider fullwidthabanner slider-home2" 
     style="display:none;" data-version="5.0.7">
        <ul>
          <!-- SLIDE  -->
          <li data-title="FOCUS ON" ng-repeat="sli in sliders">
            <!-- MAIN IMAGE -->
            <img src="path/{{sli.background_image}}"  alt="" data-
     bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" 
     class="rev-slidebg" data-no-retina>
            <!-- LAYERS -->
            <!-- LAYER NR. 0 -->
            <div class="tp-caption tp-resizeme sl-s4" 
               data-x="['center','left','left','left']" data-hoffset="
     ['290','0','0','0']"
               data-y="top" data-voffset="160"
               data-width="['580','580','480','320']"
              data-transform_idle="o:1;"
              data-transform_in="x:100px;opacity:0;s:800;e:Power3.easeOut;" 
              data-
       transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;" 
              data-start="1500" 
              data-whitespace="['nowrap','nowrap','nowrap','normal']"
              data-fontsize="['32','28','21','16']"
              data-responsive_offset="on" 
              ><p >{{sli.heading}}</p>
            </div>
              .
              .
              .

            <!-- LAYER NR. 4 -->
            <div class="tp-caption" 
               data-x="['center','left','left','left']" data-hoffset="
           ['65','0','0','0']"
               data-y="bottom" data-voffset="['160','160','200','240']"
              data-transform_idle="o:1;"
              data-transform_in="x:100px;opacity:0;s:800;e:Power3.easeOut;" 
              data-
        transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
              data-start="2100" 
              ><a href="#" class="sl-btn-1">Venue:{{sli.venue}}</a>
            </div>
          </li>
            <!-- /Slider -->
        </ul>
       </div>
      </div>
     </section>

Angularjs ng-repeat在主页滑块

0 个答案: