javascript - 二维数组中的 AngularJS ng-repeat

Question

我想在 div 中使用 ng-repeat，如下所示:

<li ng-repeat="image in HomeCtrl.images.data" >
    <a ng-href="@{{ image.code }}"><img ng-src="@{{ image.url }}" ></a>
</li>

这是图像数组:

{
  "data": {
    "url": [
      "https://url1.com",
      "https://url2.com"
    ],
    "code": [
      "3cs14vs4",
      "512631va"
    ]
  }
}

图像数组位于 HomeCtrl 内

Answer 1

您应该在已分配给 Controller 的 View 中执行此操作，如果您在不同的 Controller 中，您可以执行类似的操作:

<ul ng-conroller="HomeCtrl">
  <li ng-repeat="image in images.data.url track by $index" >
    <a ng-href="{{ images.data.code[$index] }}">
       <img ng-src="{{ image.data.url[$index] }}" >
    </a>
  </li>
</ul>

• 请记住，元素的顺序应该同步

<小时/>

除了你的问题之外，我认为更好的数据结构应该如下:

{
 {"code": "xx", "url": "yyy"},
 {"code": "xx", "url": "yyy"},
 {"code": "xx", "url": "yyy"},
 ....
}