如何使用ng-repeat访问当前数组之外的数组?

How can I use ng-repeat to access an array outside of the current array?

本文关键字：数组何使用 ng-repeat 访问更新时间：2023-09-26

这是我使用的数据。这是三个不同的数组

"areas": {
  "default": [
    {
      "area": "Master Bedroom",
      "uuid": "986e3f42-1797-49ae-b060-181a33b9",
      "description": "",
      "new": [
        {
          "value": "986e3f42-1797-49ae-b060-181a33b9",
          "label": "Master Bedroom",
          "selected": false
        },
        {
          "value": "0c7abecb-6078-4718-8537-97a0d8ea",
          "label": "Bedroom",
          "selected": false
        },
        {
          "value": "95de4e05-a5f4-4d67-bd8b-cb3906c4",
          "label": "Powder Room",
          "selected": false
        },
        {
          "value": "b4e794b2-7a5f-4567-9422-cb1c67c8",
          "label": "Kitchen",
          "selected": false
        },
        {
          "value": null,
          "label": "Select",
          "selected": true
        }
      ]
    },
    {
      "area": "Kitchen",
      "uuid": "b4e794b2-7a5f-4567-9422-cb1c67c8",
      "description": "",
      "new": [
        {
          "value": "986e3f42-1797-49ae-b060-181a33b9",
          "label": "Master Bedroom",
          "selected": false
        },
        {
          "value": "0c7abecb-6078-4718-8537-97a0d8ea",
          "label": "Bedroom",
          "selected": false
        },
        {
          "value": "95de4e05-a5f4-4d67-bd8b-cb3906c4",
          "label": "Powder Room",
          "selected": false
        },
        {
          "value": "b4e794b2-7a5f-4567-9422-cb1c67c8",
          "label": "Kitchen",
          "selected": false
        },
        {
          "value": null,
          "label": "Select",
          "selected": true
        }
      ]
    }
  ],
  "new": [
    {
      "value": "986e3f42-1797-49ae-b060-181a33b9",
      "label": "Master Bedroom",
      "selected": false
    },
    {
      "value": "b4e794b2-7a5f-4567-9422-cb1c67c8",
      "label": "Kitchen",
      "selected": false
    },
    {
      "value": null,
      "label": "Select",
      "selected": true
    }
  ]
}

可以看到，default和new数组嵌套在areas对象中。我试图显示default数组中的区域，但也能够使用new数组中的数据/标签创建新区域。然而，我不知道Angular是否会允许我对当前正在重复遍历的数组之外的数组进行重复。有没有人知道更好的方法，或者更好的排列数据的方法?

我不太明白你在做什么但如果你在default和new数组中使用相同的索引你可以像这样

<div ng-repeat="item in areas.default">
    {{item.value}} <!-- This is from areas.default array -->
    {{areas.new[$index].value}} <!-- This is from areas.new array -->
</div>

可以(pseudo):

<div ng-repeat="default in areas.default">
 <div ng-repeat="new in default.new">
   <div ng-repeat="obj in new">
    {{ obj.value}}
</div>
</div>
</div>