如何在 AngularJS 中使用 ng-repeat 迭代多个映射（键、值）答案

【问题标题】：How can I iterate over multiple maps (key,value) using ng-repeat in AngularJS如何在 AngularJS 中使用 ng-repeat 迭代多个映射（键、值）
【发布时间】：2017-02-06 09:27:57
【问题描述】：

在我的控制器中，我有这样的数据：

"type":       [
              {
        "aMap": {"5.0": 0},
        "bMap": {"10.0": 0},
        "cMap": {"15.0": 0},
        "dMap": {"20.0": 0},
        "desc": "CG"
},
{
        "aMap": {"5.0": 0},
        "bMap": {"10.0": 0},
        "cMap": {"15.0": 0},
        "dMap": {"20.0": 0},
        "desc": "CG"
}]

它包含具有多个映射的数组。我想使用 ng-repeat 读取我的 html 中的地图中的键和值。我该怎么做？

【问题讨论】：

stackoverflow.com/questions/14704147/…的可能重复
How to use ng-repeat to iterate over map entries in AngularJS的可能重复

标签： angularjs arrays json angularjs-ng-repeat ng-repeat

【解决方案1】：

在您看来，您可以循环使用：

<div ng-repeat="item in type">
    <div ng-repeat="(key, val) in item">
      <b>KEY</b> : {{key}}
      <b>ITEM</b> : {{val}}
      <br/>
      <i>KEY / VAL of data :</i>
      <div ng-repeat="(keylower, vallower) in val">
        {{keylower}} - {{vallower}}
      </div>
      <br/><br/>
    </div>
</div>

在 Plunkr 上查看此代码示例：https://plnkr.co/edit/nXEwJ5IcD4Cu8wrFjR2R?p=preview

【讨论】：

这里的Item仍然是一个数组。我如何读取其中的（键，值）？
非常感谢@daan.desmedt :)
你知道我将如何在表格中显示它吗？
如果它回答了您的问题，请接受它作为答案。您希望桌子看起来如何？
应该是这样的： desc aMapKey aMapValue bMapKey bMapValue cMapKey cMapValue dMapKey dMapValue

【解决方案2】：

你可以像这样使用ng-repeat：

<div ng-repeat="foo in data">
  <div ng-repeat="(key, val) in foo">

【讨论】：