欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

详解AngularJS中的表格使用_AngularJS

程序员文章站 2022-04-07 10:41:00
...
表格数据本质上通常是重复的。ng-repeat指令,可以用来方便地绘制表格。下面的示例说明使用ng-repeat指令来绘制表格。

Name Marks
{{ subject.name }} {{ subject.marks }}

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

例子

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


Angular JS Table

AngularJS Sample Application

Enter first name:
Enter last name:
Name: {{student.fullName()}}
Subject:
Name Marks
{{ subject.name }} {{ subject.marks }}

输出

在Web浏览器打开textAngularJS.html,看到以下结果:

详解AngularJS中的表格使用_AngularJS

相关标签: AngularJS 表格