angularjs + 基础轨道

Question

您好，我想使用像这样的 Angular 动态填充 Foundation 轨道 slider 的内容:

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

但它没有正确初始化 slider 。在 dom 模型中，我看到 3 个元素 <li>应该是这样的-所以 Angular 可以正常工作，但是 slider -只有一张幻灯片!怎么了？谢谢

Answer 1

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

.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。