javascript - 在我的 ng-repeat 中看不到预期的数据

标签 javascript angularjs angularjs-ng-repeat

我有一个 $scope 变量 epochs 循环遍历包含 3 个项目的数组 -

<div class="epoch" ng-repeat="epoch in epochs" ng-init="epochIndex = $index">
    <div class="epoch-time">
        <span class="epoch-header">{{epoch[epochIndex].epoch}} {{ epochIndex }}</span>
    </div>

预期结果: 查看模板中的以下div

<span class="epoch-header">Today 0</span>
<span class="epoch-header">Tommorow 1</span>
<span class="epoch-header">Thu, 11 Jan 2</span>

实际结果:

<span class="epoch-header">Today 0</span>
<span class="epoch-header">1</span>
<span class="epoch-header">2</span>

我可以从控制台查看变量,当我使用每个数字键运行范围变量时,我可以看到预期值 - 它只是没有传递到我的模板以用于后一个跨度??

任何人都可以提出不正确的地方吗?

最佳答案

你可以直接这样做:

<div class="epoch" ng-repeat="epoch in epochs">
 <div class="epoch-time">
    <span class="epoch-header">{{epoch}} {{$index}}</span>
 </div>
</div>

关于javascript - 在我的 ng-repeat 中看不到预期的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48212979/

相关文章:

javascript - 如何更改 ng-repeat 中的模板?

angularjs - 将 JSON 数据注入(inject)/嵌入/$sanitize HTML 到 AngularJS 中

javascript - 正则表达式至少 8 个字符,一个大写字母和至少一个数字不在字符串的开头和结尾

javascript - 对 Canvas 粒子应用随机旋转

javascript - 在 three.js 中需要一个带纹理的圆圈

javascript - Angular 路线不会加载 templateUrl

javascript - 计算嵌套的 ng-repeats 总数并更新 angularjs 中的多个 Controller /模型

javascript - 打印网页而不显示打印对话框和此网页

angularjs - 如何将 Azure 配置为始终显示 index.html

javascript - 如何使 AngularJS Materials 下拉菜单更加可见?