离子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

尝试这种方式

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>

Answer 2

您应该使用2 ng-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