ng 使用动态键在对象中重复

Question

我在为此对象编写正确的 ng-repeat 时遇到问题。我想显示所有对象属性。有一个主要的应用程序数组，每个应用程序可以有多个版本，每个版本可以有多个用户。

这是对象 json。

"Awesome App 1": {
    "1.16": {
      "Steve": [
        "steve@example.com",
        null
      ],
      "Mike": [
        "mike@example.com",
        null
      ]
    }
  },
  "Awesome App 2": {
    "1.7.0": {
      "steve": [
        "steve@example.com",
        null
      ]
    }
  },

...

问题是键是动态的，我不知道如何在 ng-repeat 中映射它。感谢您的帮助。

Answer 1

您可以尝试这样的操作：

https://plnkr.co/edit/3wMdzrtkpShLgl8mu9sN

$scope.data.json = {"Awesome App 1":
......
};

    <ul>
       <li ng-repeat="(key, val) in data.json">
          App Name: {{key}} <br/>  
          <span ng-repeat="(key2, val2) in val">
             Version: {{key2}} <br/>
             <span ng-repeat="(key3, val3) in val2">
               User: {{key3}} - {{val3[0]}} <br/>
             </span>
          </span>
       </li>
   </ul>

ng 使用动态键在对象中重复

ng repeat in object with dynamic keys

angularjs

angularjs-ng-repeat