AngularJS表格基本操作
来源:互联网 发布:爱股轩是什么软件 编辑:程序博客网 时间:2024/05/14 05:00
css内容:
table, td { border: 1px solid grey; border-collapse: collapse; padding: 5px;}
HTML正文:
<body ng-app=""><div ng-init="persons=[{'name':'zhangsan','age':'20'}, {'name':'lisi','age':'19'}, {'name':'lisi','age':'19'}]"><table><!-- $odd:下标为奇数的元素 $even:下标为偶数的元素 --> <tr ng-repeat="x in persons"> <td>{{$index+1}}</td> <!-- 获取元素的下标值 --> <!-- ng-if类似ms-if进行布尔值判断显示 --> <td ng-if="$odd" style="background-color:yellow"> {{ x.name }}</td> <td ng-if="$even">{{ x.name }}</td> <td ng-if="$odd" style="background-color:green"> {{ x.age }}</td> <td ng-if="$even">{{ x.age }}</td> </tr></table><span>{{persons[0]}}</span>
效果:
0 0
- AngularJS表格基本操作
- angularJS基本表格
- AngularJS 表格操作
- 表格一些基本操作
- angularjs中对表格的操作
- AngularJS操作表格的增删改查
- Ligerui表格基本操作(一)
- Ligerui表格基本操作(二)
- Ligerui表格基本操作(三)
- SWT表格的基本操作
- AngularJS 表格
- AngularJS 表格
- AngularJS 表格
- AngularJS 表格
- AngularJS 表格
- AngularJS表格的增删改查和其他操作
- Ligerui表格基本操作(四)
- Ligerui表格基本操作(五)
- Github Git彻底删除历史提交记录的方法
- java中接口的作用
- Android自定义View
- Java语法学习5
- 51nod-1204 Parity(并差集)
- AngularJS表格基本操作
- 【作业】【2.4算法运算符和算法表达式】
- PAT乙级1028
- 一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app
- Weblogic服务器单机多节点集群\集群代理服务器配置以及实现Session共享功能
- MBaen+Timer=减少数据库调用
- springmvc环境搭建
- Springboot实践系列
- 友元函数和友元类