角度在元素的作用域中保存一个值
Angular hold a value in element's scope
我想将值存储在html DOM元素的作用域中。这是我的问题。
我有一个 JSON 对象数组。迭代数组并创建div s 。
<div data-ng-repeat="student in students">
{{student.address}}
//if student.address equals previous student address, then
<div class="newStyle"> </div>
</div
迭代数组时,如果一个学生的地址值等于前一个学生的地址,则以下div 应该具有新样式。
我的解决方法是保留学生的地址,在迭代时,学生地址存储在变量(不是全局)中,在下一次迭代中,根据先前设置的地址检查新学生的地址。
请让我知道值可以保留在迭代范围内的任何方式。
您可以使用 $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
.
有一种叫做$index的东西可以保存当前的迭代编号,你可以使用它。
$index将具有电流环路计数
学生地址==学生[$index-1].地址
<div data-ng-repeat="student in students">
{{student.address}}
<div ng-if="student.address==students[$index-1].address">
<div class="newStyle"> </div>
</div>
</div>
使用$index
可以在迭代时比较值。
<div data-ng-repeat="student in students">
{{student.address}}
//if student.address equals previous student address, then
<div ng-class="{newStyle:students[$index-1].address == students[$index].address}"> </div>
</div
如果学生的地址等于以前的学生地址,您可以使用控制器中的函数来应用新样式。
在控制器中定义一个保存地址的变量和一个用于检查重复地址的函数:
var student = "";
$scope.checkAddr=function(param){
student=param;
if(student==param){
return "newStyle";
}
在您的模板中:
<div data-ng-repeat="student in students">
{{student.address}}
//if student.address equals previous student address, then
<div ng-class="checkAddr(students[$index].address)"> </div>
</div
相关文章:
- 如何将多个画布保存为一个图像
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 如何使用一个按钮编辑和保存使用Javascript
- 将多个重叠的透明图像保存为一个图像
- 保存两个模型(属于第三个模型)和一个提交
- Angular/Ionic:将所有文本保存在一个单独的文件中
- html表单,它有文本和表,现在我想在一个简单的文本文件中保存和检索数据,如何实现它
- 在我的浏览器中用类似ctrl+s的PhantomJS保存一个网站
- 如何上传一个XML对象并用Perl将其保存在服务器上
- 使用javascript/jquery从现有数组中创建一个新数组,该数组保存项目存在的次数
- 有没有一个javascript库能够修改和保存图像
- 如何强制用户从下拉列表和按钮中选择一个值以启用保存按钮
- 将多个画布保存为一个图像(使网站像PicFrame一样)
- Parse.com在循环中保存对象,只保存最后一个对象
- 如何创建一个保存var值的函数
- 如何从会话的一个保存点跳到另一个保存点将
- 如何传递一个保存的Javascript变量在Chrome扩展到谷歌应用引擎应用程序
- 如何为多个文本字段只有一个保存按钮
- 是什么导致一个保存的网页呈现不同于它的在线URL对应
- 与承诺一起工作,做一个保存