AngularJS（七）迭代3

程序开发 2023-09-18 10:05:19

转载出处：http://www.cnblogs.com/liulangmao/p/3716522.html

每个迭代项中还有以下三个变量:

$first: 判断是否是迭代第一项,如果是,得到true,如果不是,得到false

$middle: 判断是否迭代中间项(既不是第一项也不是最后一项的都是中间项),如果是,得到true,如果不是,得到false

$last: 判断是否是迭代最后项,如果是,得到true,如果不是,得到false

然后继续刚才的实例,要求第一名的名字颜色显示粉红色,最后一名的名字颜色显示灰色,其余中间排名的都显示紫色:


 
 4.3.迭代
 
 
 {{$index+1}}{{student.name}}{{student.score}}

给每一个名字的a链接都添加三个类名,如果是第一项,则得到truefirst类名,如果是中间项,则得到truemiddle类名,如果是最后项,则得到truelast类名

点击两次添加以后:

标签：

上一篇：与Swagger集成的三种方式下一篇：