angular ng-repeat set last element style
来源:互联网 发布:apache ftpclient 编辑:程序博客网 时间:2024/05/22 10:57
[html] view plain copy 在CODE上查看代码片派生到我的代码片
<li ng-repeat="one in many"> {{one.name}} </li>
那么我就可以这样加
[html] view plain copy 在CODE上查看代码片派生到我的代码片
<li ng-repeat="one in many" ng-class="{'item-last':$last}"> {{one.name}} </li>
还有一种方法就是使用js计算的方法
[html] view plain copy 在CODE上查看代码片派生到我的代码片
<li ng-repeat="one in many" ng-class="isLast($last)"> {{one.name}} </li>
Controller中的代码定义是这样
[javascript] view plain copy 在CODE上查看代码片派生到我的代码片
$scope.isLast = function(flag) { return flag ? 'item-last' : 'item-not-last'; };
css定义是这样
[css] view plain copy 在CODE上查看代码片派生到我的代码片
.item-last { /* Your Styles */ } .item-not-last { /* Your Styles */ }
对,这就是一个三元运算,你可以直接在html里面用,像这样
[html] view plain copy 在CODE上查看代码片派生到我的代码片
<li ng-repeat="one in many" ng-class="$last ? 'item-last' : 'item-not-last'"> {{one.name}} </li>
1 0
- angular ng-repeat set last element style
- angular ng-repeat嵌套
- Angular Js ng-repeat指令
- angular select ng-options和ng-repeat
- Angular——迭代器ng-repeat
- Angular ng-repeat 不识别json问题
- angular学习日志07 ng-repeat
- angular用ng-repeat批量处理数据
- jQuery Carousel with Angular ng-repeat
- Angular的ng-repeat的技巧
- Angular - ng-repeat 一些高级用法
- Angular之ng-repeat批量生产组件
- angular用ng-repeat遍历对象
- angular中ng-repeat及track by
- 【Angular】ng-repeat遍历输出数组
- angular指令监听ng-repeat渲染完成
- angular中filter查询与ng-repeat
- angular中的ng-repeat-start和ng-repeat-end的用法介绍
- 第七章 函数(2)
- 话你知-决策树
- 利用KVO监听对象属性
- Word Break
- 通过 ES6 Promise 和 jQuery Deferred 的异同学习 Promise
- angular ng-repeat set last element style
- 第七章 复习题
- 数字特征值
- HDU1599 find the mincost route (Floyd)
- Convert Sorted List to Binary Search Tree
- JQuery发送Put、Delete请求
- jquery 发送put/delete请求
- Convert Sorted Array to Binary Search Tree
- 运维开发的10个心得