时间:2021-05-28
本文实例讲述了AngularJS表格基本操作。分享给大家供大家参考,具体如下:
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>效果:
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了AngularJS表格样式简单设置方法。分享给大家供大家参考,具体如下:1、问题背景AngularJS表格table,利用样式设置表格间隔色2、实
本文实例讲述了angularjs实现table表格td单元格单击变输入框/可编辑状态。分享给大家供大家参考,具体如下:html部分:序号班次分组操作{{valu
需求效果图示例实际完成效果图**代码实现注:table表格为二次封装的子组件-在table表格中根据scope.$index动态设置元素的id,便于指定单元格的
一、问题不操作页面,实现table表格中的checkbox选中功能二、经过刚开始的思路:1、通过table的id,找到table渲染时生成的div,即table
项目中用到angularjs的表格ng-table,功能相当强大,像搜索、排序、checkbox、分页、每页表格显示数目等都有。API,demo什么的也只能参考