angularjs +基础轨道

您好我想填补基金会轨道滑块内容使用动态的角度，如：angularjs +基础轨道

<div class="moreGamesArea"> 
    <ul class="orbit" data-orbit> 
     <li ng-repeat="games in catalogGames"> 
      <div>{{games[0]}}</div> 
     </li> 
    </ul> 
</div>

不过，这并不正确初始化滑块。在DOM模型中，我看到了3个元素<li>，因为它应该是这样的 - 所以棱角很好，但滑块 - 只有一个幻灯片！怎么了？谢谢

来源

2014-04-01 Simcha

您可以发布链接到滑盖的？另外，你是否可以在你的文章中同时解决拼写错误（sHI，绞线） – callmekatootie

修正了错误）但是我不能把链接放到滑块上，因为它是一个本地页面，它是JSP页面的一部分，所以我可以't把它放在我的项目之外=（ – Simcha

@Simha你是如何解决这个问题的，我处于同样的状况，但目前还无法修复它 – shadesco

首先。你需要创建一个指令。

.directive('afterRenderRepeat', function() { 
    return function(scope, element, attrs) { 
    if (scope.$last){ 
     $(document).foundation(); 
    } 
}; 
})

二。在ng-repeat中调用它。

<div class="moreGamesArea"> 
    <ul class="orbit" data-orbit> 
     <li ng-repeat="games in catalogGames" data-after-render-repeat> 
      <div>{{games[0]}}</div> 
     </li> 
    </ul> 
</div>

的指令，帮助我释放基础5.

来源

2015-03-16 14:10:47 gregman

在基金会6初始化轨道使用：

Foundation.reInit（ '轨道'）;

.directive('initOrbit', function(){ 
    return function(scope) { 
     if (scope.$last){    // when ng-repeat finish to load all elements 
      Foundation.reInit('orbit'); // reinit orbit 
     } 
    }; 
})

<ul class="orbit-container"> 
    <li class="orbit-slide" ng-repeat="slide in slides" init-orbit>

来源

2016-10-12 14:51:59

angularjs +基础轨道

回答

相关问题