ng-repeat 指令可以完美的显示表格。
在表格中显示数据
{ { x.Name }} { { x.Country }}
使用 CSS 样式
为了让页面更加美观,我们可以在页面中使用CSS:
使用 orderBy 过滤器
排序显示,可以使用 orderBy 过滤器:
{ { x.Name }} | { { x.Country }} |
使用 uppercase 过滤器
使用 uppercase 过滤器转换为大写:
{ { x.Name }} | { { x.Country | uppercase }} |
结果如图:
显示序号 ($index)
表格显示序号可以在 <td> 中添加 $index:
{ { $index + 1 }} | { { x.Name }} | { { x.Country }} |
结果如图:
使用 $even 和 $odd
{ { x.Name }} | { { x.Name }} | { { x.Country }} | { { x.Country }} |
结果如图:
转载地址:http://www.runoob.com/angularjs/angularjs-tables.html