用动态键在对象中重复

时间:2018-11-30 19:30:31

标签: angularjs angularjs-ng-repeat

我为此对象编写适当的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中映射它。感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

您可以尝试以下操作:

.removeClass()

$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>