避免指数包裹路由

我有一个角应用显示3个列与引导，来实现这个我用下面的代码来包装我的数据的阵列中的3组：避免指数包裹路由

examples.success(function(data) { 
    $scope.examples = data; //[0, 1, 2, 3, 4, 5]; 
    $scope.examplesGrouped = $filter('groupBy')($scope.examples, 3);//[0, 1, 2], [3, 4, 5] 
}); 

$filter = ('groupBy', function() { 
    return function(items, groupItems) { 
     if (items) { 
      var newArray = []; 

      for (var i = 0; i < items.length; i+=groupItems) { 
       if (i + groupItems > items.length) { 
        newArray.push(items.slice(i)); 
       } else { 
        newArray.push(items.slice(i, i + groupItems)); 
       } 
      } 
      return newArray; 
     } 
    }; 
});

然后在HTML：

<div class="row" ng-repeat = "examples in examplesGrouped"> 
    <div class="col-md-4 portfolio-item" ng-repeat="example in examples"> 
     <a ng-href="#/examples/{{ $parent.$index }}"> 
      <img class="img-responsive" src="http://placehold.it/700x400" alt=""> 
     </a> 
    </div> 
</div>

到目前为止好，但是当我试图用$parent.$index设置我的路它包梁如[0，1，2]，[0，1，2 ]而不是[0,1,2]，[3,4,5]。

关于我如何实现这一点的任何想法？

来源

2015-06-27 guardabrazo

什么'$父$指数。 + $ index'？ – Art713

'$ index'为0，这可能是问题的一部分... – guardabrazo

虽然在您的第一个ng-repeat $ index上迭代为0，然后是1，并且您的每个组都有3个元素（第二个ng-repeat）所以你只是添加你的父母和当前的指数 – Art713

你父母的索引是[0,1]。
如果你希望你的链接如：

<a ng-href="#/examples/0"> 
<a ng-href="#/examples/1"> 
<a ng-href="#/examples/2"> 
<a ng-href="#/examples/3">

等，你有你的模板更改为：

<a ng-href="#/examples/{{ example }}"></a>

这里是一个jsbin

来源

2015-06-27 20:48:45 Art713

避免指数包裹路由

回答

相关问题