Fatal编程技术网
  • angularjs/
  • Angularjs 使用ng repeat在一行中合并和显示多行

Angularjs 使用ng repeat在一行中合并和显示多行

angularjs

Angularjs 使用ng repeat在一行中合并和显示多行,angularjs,angularjs-ng-repeat,grouping,accordion,Angularjs,Angularjs Ng Repeat,Grouping,Accordion,我需要合并并在一行中显示具有相同id的特定数据。我使用ng repeat显示数据。 示例JSON： $scope.sampleTest = [{"city": "Chennai", "name":"Sample"}, {"city": "Madurai", "name":"Test"}, {"city": "Chennai", "name":"Testing"}] 我使用uibacordion对数据进行分组 预期产出： *钦奈 样品、测试 *马杜赖 试验 我将

我需要合并并在一行中显示具有相同id的特定数据。我使用ng repeat显示数据。 示例JSON：

$scope.sampleTest = [{"city": "Chennai", "name":"Sample"},
                 {"city": "Madurai", "name":"Test"}, {"city": "Chennai", "name":"Testing"}]
我使用uibacordion对数据进行分组

预期产出： *钦奈 样品、测试 *马杜赖 试验

我将获取动态json数据。有人能帮我吗。

你可以使用过滤器按城市名称分组

<body ng-controller="myCtrl">
  <div ng-repeat="(key, value) in sampleTest | groupBy: '[city]'">
    <div ng-repeat="player in value">
       {{key}} {{ player.name }} 
    </div>
  </div>
</body>


{{key}}{{player.name}

而不是执行
，您可以执行
如果您定义了一个函数
merge
来转换
sampleTest
对象


function merge(toMerge) {
  var merged = {};
  for (k in toMerge) {
    if (k in merged) {
        merged[k] += toMerge[k];
    } else {
        merged[k] = toMerge[k];
    }
  }
  return merged;
}



卡姆拉，你核对答案了吗