Question

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

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

任何人都可以提出不正确的建议吗？

Answer 1

你可以直接这样做：

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

Answer 2

你的意思是？

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

Answer 3

你做错了，试试这个

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

在我的ng-repeat中没有看到预期的数据

3 个答案: