javascript - Angular 在元素范围内保存一个值

Question

我想将值存储在 html DOM 元素的范围中。这是我的问题。
我有一个 JSON 对象数组。迭代数组并创建 div 。

 <div data-ng-repeat="student in students">
 {{student.address}}  
  //if student.address equals previous student address, then
   <div class="newStyle"> </div>
 </div 

迭代数组时，如果一个学生的地址值等于前一个学生的地址，则后面的 div 应该具有新的样式。
我的方法是解决这个问题，即保留学生的地址，并且在迭代时，将学生地址存储在变量(非全局)中，并在下一次迭代中，根据先前设置的地址检查新学生的地址。

请告诉我可以将值保留在迭代范围内的任何方式。

Answer 1

您可以使用 $index 变量，它是重复元素的迭代器偏移量，(0..length-1):

 <div data-ng-repeat="student in students">
  //if student.address equals previous student address, then
   <div data-ng-class="{newStyle: student.address === students[$index-1].address}"> </div>
 </div 

请注意，您还可以使用 ng-class这将帮助您自动添加类名，如果给定条件为 true，student.address === Students[$index-1].address。