javascript - 使用 ng-repeat 打印 html 中的数组

标签 javascript angularjs angularjs-ng-repeat

我的 Controller 中有一个 double 组(它们最终会变成 double ),我正在尝试使用 ng-repeat 将其打印在我的网页上,但我不确定如何执行此操作。数组很简单":

vm.calorieArray = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];

其中 vm 是我的 Controller 的别名。

在我的 html 中,我有一个看起来像这样的 div,正在尝试将其打印出来:

<div ng-repeat="value in vm.calorieArray">
    {{value}}<br />
</div>

但页面上没有显示任何内容。有人看出问题了吗?

最佳答案

该问题可能是由于 ng-repeat 中不允许出现重复值。请参阅this plunker举一个问题的例子。 (打开开发控制台查看JS错误)错误描述可以查看 here .

简而言之,您应该使用“track by $index”,如下所示:

<div ng-repeat="value in calorieArray track by $index">
    {{value}}<br />
</div>

关于javascript - 使用 ng-repeat 打印 html 中的数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33470040/

相关文章:

javascript - 8 在 JavaScript 比较中不是 "8"

javascript - iframe JS https->http 父窗口权限

javascript - 具有两个参数的 Angular $resource 端点

javascript - 修改ng-repeat的源数据

angularjs ui-select 仅捕获键而不捕获下拉实时搜索中的值

javascript - 使用 ng-repeat 检索选定的选项 angularJS

Javascript 适用于 Chrome & Opera & Edge,但不适用于 FireFox 或 IE 11

javascript - 为什么 ajax 响应代码没有正确附加?

javascript - Famo-us Surface 内的 Google map 无法在移动设备上拖动

android - Cordova/Phonegap 的 InAppBrowser 插件——window.open 不在默认浏览器中打开链接