详解AngularJS中的表格使用_AngularJS_脚本之家

来源:http://www.guanqinbiaoye.com 作者:计算机运维 人气:198 发布时间:2020-01-02
摘要:表格数据本质上通常是重复的。ng-repeat指令,可以用来方便地绘制表格。下面的示例说明使用ng-repeat指令来绘制表格。 Name Marks {{ subject.name }} {{ subject.marks }} 表格可以使用CSS样式设置样

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

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

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

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

例子

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

Angular JS Tabletable, th , td { border: 1px solid grey; border-collapse: collapse; padding: 5px;}table tr:nth-child { background-color: #f2f2f2;}table tr:nth-child { background-color: #ffffff;}AngularJS Sample ApplicationEnter first name:

Enter last name:

Name:

{{student.fullName()}}

Subject:

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

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

本文由威尼斯游戏网站发布于计算机运维,转载请注明出处:详解AngularJS中的表格使用_AngularJS_脚本之家

关键词:

上一篇:vue-cli 各种不同引入方式之间的区别

下一篇:没有了

最火资讯