Angularjs 如何在角度数组中的数组中迭代对象

我将几个对象数组放入一个空数组中，然后将其显示在html上

$scope.displaypersons = [
[{name: "abc"}],
[{name: "pqr"},{name: "lmn"},{name: "rst"}],
[{name: "uvw"},{name: "xyz"}]
]

在html中

<div ng-repeat="person in displaypersons"> 
  {{person}}
  <!-- {{person.name}} doesn't work -->
</div>

---

你有一个二维数组。Angular将仅迭代第一个维度。您需要

person[i].name

才能获得该属性

或者尝试：

<div ng-repeat="persons in displaypersons"> 
    <div ng-repeat="person in persons"> 
        {{person.name}}
    </div>
</div>

{{person.name}

您有一个二维数组。Angular将仅迭代第一个维度。您需要

person[i].name

才能获得该属性

或者尝试：

<div ng-repeat="persons in displaypersons"> 
    <div ng-repeat="person in persons"> 
        {{person.name}}
    </div>
</div>

{{person.name}

如果您有一个二维阵列，则需要嵌套ngRepeats以访问对象

<div ng-repeat="personGroup in displaypersons">
  <div ng-repeat="person in personGroup">
    {{person.name}}
  </div>
</div>

{{person.name}

如果您有一个二维阵列，则需要嵌套ngRepeats以访问对象

<div ng-repeat="personGroup in displaypersons">
  <div ng-repeat="person in personGroup">
    {{person.name}}
  </div>
</div>

{{person.name}

您可以创建自定义过滤器，将二维阵列转换为平面阵列

angular.module('myApp').filter("flatten", function() {
     function flatten (arr) {
         return arr.reduce(function(a, b) {return a.concat(b)});
     };
     return flatten;
});

HTML

{{person.name}

您可以创建自定义过滤器，将二维阵列转换为平面阵列

angular.module('myApp').filter("flatten", function() {
     function flatten (arr) {
         return arr.reduce(function(a, b) {return a.concat(b)});
     };
     return flatten;
});

HTML

{{person.name}