开发手册 欢迎您!
软件开发者资料库

AngularJS 表单

AngularJS表单AngularJS表单是输入控件的集合。HTML控件以下HTMLinput元素被称为HTML控件:input元素select元素button元素textarea元素HTML表单HTML表单通常与HTML控件同时存在。AngularJS表单实例functionExampleCon

AngularJS 表单


AngularJS 表单是输入控件的集合。


HTML 控件

以下 HTML input 元素被称为 HTML 控件:

  • input 元素
  • select 元素
  • button 元素
  • textarea 元素

HTML 表单

HTML 表单通常与 HTML 控件同时存在。


AngularJS 表单实例

function ExampleController($scope) { $scope.master = {"firstName":"John","lastName":"Doe"}; $scope.reset = function() { $scope.user = angular.copy($scope.master); }; $scope.reset(); };

First Name:

Last Name:


form = {{user}}

master = {{master}}


应用程序代码


 

    First Name:

   

    Last Name:

   
   


   
 

 

form = {{user}}


 

master = {{master}}





尝试一下 »

Note HTML 属性 novalidate 用于禁用浏览器的默认验证。

实例解析

AngularJS ng-model 指令用于绑定 input 元素到模型中。

模型对象 master 的值为 {"firstName" : "John", "lastName" : "Doe"}。

模型函数 reset 设置了模型对象 user 等于 master。

相关文章

HTML 表单