【问题标题】:How do I display an array / object using ng-repeat如何使用 ng-repeat 显示数组/对象
【发布时间】:2018-02-22 23:04:41
【问题描述】:

我有一个如下所示的数组:

我想使用 angularJS ng-repeat 来显示它,同时显示每个的计数和值。

这是我目前拥有的 HTML 和 Angular,但没有显示。

我也不需要在数组中显示0索引,如果可能的话我想从1开始。

 <tr ng-class="" ng-repeat="x in vm.data | filter: searchArray">
       <td>{{x.value}}</td>
       <td>{{x.count}}</td>
 </tr>

【问题讨论】:

  • 还有什么问题?你的代码看起来不错。
  • @lealceldeiro 正如你在第二张照片中看到的那样,该 html 的结果是空白的,我看不到值
  • 行正在正确生成,但未显示值。我认为这里还有其他问题。控制台有错误吗?
  • @lealceldeiro 我的控制台没有错误
  • 等等,再看那张截图,看起来你的数组是多维的? (数组数组?)您似乎只遍历最外面的数组,它没有任何 countvalue 元素。

标签: javascript html angularjs multidimensional-array


【解决方案1】:

我回到了基础,明白了 ng-repeat 只是 javascript 中的一个循环,如果你的数组是多维的,如果你想在 JavaScript 中访问数据,你需要做什么?好吧,你做了一个嵌套的 for 循环,这正是我在这种情况下所做的。

这是显示我需要的数据的更新后的 html/angularjs:

<tbody>
    <tr ng-repeat="x in vm.data">
        <td ng-repeat="y in x">{{y.value}}  {{y.count}}</td>
    </tr>
</tbody>

再次感谢你们!

【讨论】:

  • James,如果这是问题的最终解决方案,您应该将此答案标记为已接受。
  • @lealceldeiro 谢谢,我刚刚采取了这个行动,以便其他人知道这对我有用
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-04-07
  • 1970-01-01
  • 2019-08-13
  • 1970-01-01
  • 2015-07-08
  • 1970-01-01
  • 2015-03-16
相关资源
最近更新 更多