本文主要介绍AngularJS 表格,这里给大家整理了相关知识,并附代码实例,有需要的小伙伴可以参考下
AngularJS 表格
ng-repeat 指令可以完美的显示表格。
在表格中显示数据
使用 angular 显示表格是非常简单的:
AngularJS 实例
{{ x.Name }} {{ x.Country }}
运行结果:
Alfreds Futterkiste | Germany |
Ana Trujillo Emparedados y helados | Mexico |
Antonio Moreno Taquería | Mexico |
Around the Horn | UK |
B's Beverages | UK |
Berglunds snabbköp | Sweden |
Blauer See Delikatessen | Germany |
Blondel père et fils | France |
Bólido Comidas preparadas | Spain |
Bon app' | France |
Bottom-Dollar Marketse | Canada |
Cactus Comidas para llevar | Argentina |
Centro comercial Moctezuma | Mexico |
Chop-suey Chinese | Switzerland |
Comércio Mineiro | Brazil |
使用 CSS 样式
为了让页面更加美观,我们可以在页面中使用CSS:
CSS 样式
{{ x.Name }} {{ x.Country }}