AngularJS基础知识笔记之表格

前端之家收集整理的这篇文章主要介绍了AngularJS基础知识笔记之表格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

表格数据本质上通常是重复的。ng-repeat指令,可以用来方便地绘制表格。下面的示例说明使用ng-repeat指令来绘制表格。

Name Marks

表格可以使用CSS样式设置样式,如下:

table,th,td { border: 1px solid grey; border-collapse: collapse; padding: 5px; } table tr:nth-child(odd) { background-color: #f2f2f2; } table tr:nth-child(even) { background-color: #ffffff; }

例子 下面的例子将展示上述所有指令。

testAngularJS.html

Angular JS Table

AngularJS Sample Application

Name Marks

猜你在找的JavaScript相关文章