AngularJS - 表格

AngularJS表 - 从简单和简单的步骤学习AngularJS，从基本到高级概念，包括概述，环境设置，MVC架构，第一个应用程序，指令，表达式，控制器，过滤器，表，HTML DOM，模块，表单，包含，Ajax ，视图，范围，服务，依赖注入，自定义指令，内部化，ToDo应用程序，记事本应用程序，Bootstrap应用程序，登录应用程序，上载文件，在线应用程序，导航菜单，切换菜单，订单表格，搜索选项卡，拖动应用程序，购物车申请，翻译申请，图表申请，地图申请，分享申请，天气申请，计时器申请，传单申请，Lastfm申请。

表数据通常是可重复的. ng-repeat指令可用于轻松绘制表格.以下示例显示使用ng-repeat指令绘制表 :

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

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

表可以使用CSS样式设置样式.

示例

以下示例显示了所有上述指令的使用.

testAngularJS.htm

         Angular JS Table                                 AngularJS Sample Application
                                                   Enter first name:                                                      Enter last name:                                                                                        Name:                {{student.fullName()}}                                       Subject:                                                                                             .                                                                                                                                                         Name Marks
{{ subject.name }} {{ subject.marks }}

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

输出

在网络浏览器中打开文件 testAngularJS.htm 并查看结果.