如何在angularJS中制作ng-repeat数据的不同部分

Question

我有一些数据和显示使用ng-repeat打印

data1
data2
data3
data4
data5
data6

但我想打印这些按部分划分的数据。比如

data1    data3    data5
data2    data4    data6

在angularjs中有可能吗？

Answer 1

这是css的功能。无需任何角度代码。只需将{-1}}中的ng-repeat放在<li>内，并为<ul>标记<ul>添加样式。您将达到您的要求。

实施例

columns: 3

Answer 2

这可以通过多种方式实现。

• 您可以使用3列结构来实现此目的。三点过后 价值会自动降到下一行。
• 您也可以在巡演代码中实现此目的。在＆＃34; br＆＃34; 标记上使用ng-if 当$ index％3 == 2时。

Answer 3

是的，可以这样构建。一种方法是将数组格式化为2D数组以进行适当的循环。查看 Working Fiddle 。

创建过滤器以格式化数组数据：

// Loop every n items filter
App.filter("loopEvery", [function() {
  return function(mainArray, loopEvery) {
    var subArray = [], formattedArray = [];
    angular.forEach(mainArray, function(item, index) {
      subArray.push(item);
      if ((subArray.length == loopEvery) || (index == mainArray.length - 1)) {
        formattedArray.push(subArray);
        subArray = [];
      }
    });
    return formattedArray;
  }
}]);