数组中的ng重复数组

Question

我试图用ng repeat in Angular来重复一个多维数组的子数组。我的json对象是这样的:

 $scope.items =   [{    "id":1,
        "BasisA":"1",
        "Basis":true,
        "personSex":"m",
        "isCollapsed":false,
        "name":"Mark Polos",
        "age":"1955",
        "results":[{"1000":{"company_name":"***","model":"***","modelname":"***","pr":222,"rating":4.5,"priority":9,"matching":1},
                    "1001":{"company_name":"***","model":"***","modelname":"***","pr":228.7,"rating":5.7,"priority":7,"matching":2},
                    "1002":{"company_name":"***","model":"***","modelname":"***","pr":241.7,"rating":1.9,"priority":4,"matching":3}
                }]
    }]

我尝试了这样的东西：

... data-ng-repeat="item in items">

然后在这个孩子的表中：

<tr data-ng-repeat="i in item | orderBy:'insItem.pr'">

Answer 1

我使用了三个嵌套的< code>ng-repeat指令来实现这种滚动:-)第三个< code>ng-repeat使用< code>ng-repeat="(key，value) in result"功能来显示所有结果对象的键和值，我在这个答案的帮助下，了解了如何在ng-repeat中迭代键和值。< code>orderBy:部分还没有工作(如果有人知道如何实现，那么任何帮助都是受欢迎的)。

    <ul>
      <li ng-repeat="item in items">
         id: {{item.id}}, name: {{item.name}}, age: {{item.age}}, results: 
         <table>
           <tr ng-repeat="result in item.results">
             <td>
               <table style="border: 1px solid black;">
                  <tr ng-repeat="(key, value) in result | orderBy: value.pr">
                    <td> {{key}} </td> <td> {{ value }} </td>
                  </tr>
              </table>
            </td>
          </table>
      </li>
    </ul>

扑通一声

Answer 2

您应该访问结果字段：

... data-ng-repeat="item in items">

<tr data-ng-repeat="i in item.results">

因为嵌套数组位于主对象的results属性中。

Answer 3

看起来结果属性实际上并不是一个“数组”如果这只是您示例中的一个错误，请忽略。如果不是...继续阅读。

它看起来像一个带有单个项目的数组，而该项目是一组属性，这些属性反过来又是对象。换句话说，您可以使用看起来像item.results[0]["1000"]. pr的代码来引用名为“1000”的结果的属性“pr”，而不是使用看起来像您的ng-重复期望的代码（item.results[0]. pr）。

当您获得项目时，是否可以转换它们，以便结果是一个真正的数组？

或者-您可以在控制器内部使用一个函数来返回您要查找的数组吗？

查看代码：

<... data-ng-repeat="result in resultsFromItem(item)" >

控制器代码：

$scope.resultsFromItem = function (item) {

   if(item==undefined || item.results==undefined || item.results.length==0) {
      return [];
   }

   var myResults = [];
   for (var key in item.results[0]) {
      if(item.results[0].hasOwnProperty(key)) {
         myResults.push(item.results[0][key]);
      }
   }

   return myResults;

}

如果您愿意，您甚至可能决定将“转换的”结果对象挂起到每个项目对象上（因此您只需要执行一次转换）。