Javascript 从angularjs加载数据后，无法正确呈现旋转木马项目

我是angularjs新手，正在使用angularjs处理ajax加载项目旋转木马，当我将项目静态放置在旋转木马中时，它可以正常工作，但当我将

ng repeat

放置在动态渲染时，渲染的项目不正确，看起来旋转木马js没有对它们进行处理，并将它们按顺序放置

我用ng include加载旋转木马的js，它可以很好地用于静态项目，但不能用于角度渲染项目

我该怎么办？我做的序列错了吗

我的控制器加载变量：

hmc.Sliders.Episodes.push(Movies);

在我的家庭观点中：

<div class="row rtl prj-row">
    <div class="col-sm-10 col-sm-push-1 col-xs-10 col-xs-push-1">
      <h4 class="prg-row-heading rtl">my slider<span class="glyphicon glyphicon-menu-left"></span></h4>
      <div class="owl-carousel">
        <div class="item" ng-repeat="slider in hmc.Sliders.Episodes[hmc.Sliders.Page-1]">
          <div class="prj-show-box one-row">
            <div class="prj-show-box-cover">
              <ul>
                <li>{{::slider.title}}</li>
                <li>{{::slider.duration_mins}}</li>
              </ul>
            </div>
            <img ng-src="{{::slider .picture_path}}" width="213" height="318"  alt="" class="img-responsive"/></div>
        </div>
      </div>
    </div>
  </div>

我的滑块

{{：：slider.title}
{{：：slider.duration_mins}

它正确地放置数据并呈现项目，但未正确显示

但对于静态项目，它会正确显示项目：

<div class="row rtl prj-row">
      <div class="col-sm-10 col-sm-push-1 col-xs-10 col-xs-push-1">
        <h4 class="prj-row-heading rtl">sliders<span class="glyphicon glyphicon-menu-left"></span></h4>
        <div class="owl-carousel">

          <div class="item">
            <div class="prj-show-box"><img src="/media/img/home/live/1.gif" width="220" height="148"  alt="" class="img-responsive"/></div>
            <div class="prj-show-box"><img src="/media/img/home/live/1.gif" width="220" height="148"  alt="" class="img-responsive"/></div>
          </div>
        </div>
      </div>
    </div>

滑块

这就是它的样子：

---

我自己找到了答案，问题是js在angular获取数据之前加载，所以我将旋转木马作为一个指令，并为要呈现的项目设置了一个

设置超时（function（）{}，500）

这里是我找到soloution的地方：

---

我自己找到了答案，问题是js在angular获取数据之前加载，所以我将旋转木马作为一个指令，并为要呈现的项目设置了一个

设置超时（function（）{}，500）

这里是我找到soloution的地方：

---

你能给我们看一些代码吗？是的，我会放在第二行。你需要确保在实例化旋转木马之前完成dom修改。在纯javascript中，我们可以通过使用setTimeout 0技巧包装旋转木马实例化来实现这一点：

setTimeout（yourFunction，0）

setTimeout块，直到dom更新。非常确定您可以在angularjs中使用

$scope.Timeout

执行此操作，但不能完全确定这一点。只需谷歌

setTimeout angularjs

了解更多信息。很抱歉，我想了解更多代码。我需要查看控制器（在那里进行ajax调用，然后将数据推送到数组中）和实例化旋转木马的位置。您可以给我们看一些代码吗？是的，我会放在第二个位置。您需要确保在实例化旋转木马之前完成dom修改。在纯javascript中，我们可以通过使用setTimeout 0技巧包装旋转木马实例化来实现这一点：

setTimeout（yourFunction，0）

setTimeout块，直到dom更新。非常确定您可以在angularjs中使用

$scope.Timeout

执行此操作，但不能完全确定这一点。只需谷歌

setTimeout angularjs

了解更多信息。很抱歉，我想了解更多代码。我需要查看控制器（在这里进行ajax调用，然后将数据推送到数组中）和实例化旋转木马的位置在第一次加载时没有问题，我正是使用这种结构，但问题是当我在旋转木马渲染后使用ajax调用添加项时，整个旋转木马将变得不渲染！！我在第一次加载时没有问题，我确实使用了这种结构，但问题是当我在旋转木马渲染后使用ajax调用添加项目时，整个旋转木马将变得不渲染！！