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

【问题标题】：multidimentional array with ng-repeat in ionic v1离子 v1 中具有 ng-repeat 的多维数组
【发布时间】：2018-06-22 12:36:15
【问题描述】：

我有一个 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>

我正在开发 ionic v1。请帮忙。

【问题讨论】：

标签： javascript angularjs ionic-v1

【解决方案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>

【讨论】：

Trending 再次有一个数组 in .. 请检查我的 JSON。
请在此处添加一些 json

【解决方案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

【讨论】：