详解AngularJS中的表格使用

 表格数据本质上通常是重复的。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中的表格使用_第1张图片

你可能感兴趣的:(详解AngularJS中的表格使用)