AngularJS - 表格

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

AngularJS丰富了表单填写和验证.我们可以使用ng-click事件来处理单击按钮并使用$ dirty和$ invalid标志以无缝方式进行验证.将novalidate与表单声明一起使用可禁用任何特定于浏览器的验证.表单控件大量使用AngularJS事件.让我们先看看事件.

事件

AngularJS提供与HTML控件关联的多个事件.例如，ng-click指令通常与按钮相关联. AngularJS支持以下事件 :

ng-click
ng-dbl-click
ng-mousedown
ng-mouseup
ng-mouseenter
ng-mouseleave
ng-mousemove
ng-mouseover
ng-keydown
ng-keyup
ng-keypress
ng-change

ng-click

使用按钮的on-click指令重置表单数据.

Reset

验证数据

以下内容可用于跟踪错误.

$ dirty : 说明价值已经改变.
$ invalid : 说明输入的值无效.
$ error : 说明确切的错误.

示例

以下示例将展示上述所有内容指令.

testAngularJS.htm

         Angular JS Forms                                          AngularJS Sample Application
                                                                     Enter first name:                                                               First Name is required.                                                                                                      Enter last name:                                                                Last Name is required.                                                                                                      Email:                                              Email is required.                        Invalid email address.                                                                                                                           Reset                                                         Submit

输出

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