javascript - 离子 v1 中具有 ng-repeat 的多维数组

Question

我有一个 json，在其中我得到了包含多个数组的搜索结果：

在此之后，您可以在下图中看到我得到另一个索引为 [0-20] 的数组，它实际上包含我要显示的数据：

使用单个 ng-repeat 我想这似乎是不可能的，经过很多努力，我在这里寻求帮助。

<ul vertilize-container class="grid-menu-list">
    <li vertilize class="grid-menu-item explore" ng-repeat="trending in trendings">

    <p class="item-title">Title</p>
    <p class="sub-title">{{trendings.title}}</p>

    </li>
</ul>

我正在研究离子 v1。请帮忙。

Answer 1

您应该使用 2ng-repeat来获得所需的结果。这是示例代码。您可以使用任何您喜欢的标记进行标记。（为方便起见，我使用了带有一些样式的简单div标签）。

<div style="display: flex; flex-direction: column">
 <div ng-repeat="(key, value) in data">
  <span> {{key}} </span>
  <div ng-repeat="eachValue in value">
   <span>&nbsp; &nbsp; &nbsp; Name: {{eachValue.name}} </span>
  </div>
 </div>
</div> 

例如，我使用了虚拟数据。只需使用具有适当属性名称的数据即可获得所需的结果。这是工作示例。https://codepen.io/next1/pen/jKQpLV

Answer 2

试试这种方式

js文件

$scope.data = {
blog : [],
---
trending : [
----- ]
}

HTML 文件

<ul vertilize-container class="grid-menu-list">
    <li vertilize class="grid-menu-item explore" ng-repeat="t in trending">

    <p class="item-title">Title</p>
    <p class="sub-title">{{t.title}}</p>

    </li>
</ul>