AngularJS中的表单简单入门

前端之家收集整理的这篇文章主要介绍了AngularJS中的表单简单入门前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

AngularJS 表单

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

HTML 控件

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

HTML 表单

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

AngularJS 表单实例

First Name: Last Name:

<button ng-click="reset()">RESET

form = {"firstName":"John","lastName":"Doe"}

master = {"firstName":"John","lastName":"Doe"}

应用程序代码

<Meta charset="utf-8">

运行结果:

First Name: Last Name:

<button ng-click="reset()">RESET

form = {"firstName":"John","lastName":"Doe"}

属性是在 HTML5 中新增的。禁用了使用浏览器的默认验证。

实例解析

函数设置了 master 对象的初始值,并定义了 reset() 方法

方法设置了 user 对象等于 master 对象。

调用了 reset() 方法,且在点击按钮时调用

novalidate 属性在应用中不是必须的,但是你需要在 AngularJS 表单中使用,用于重写标准的 HTML5 验证。

以上就是对AngularJS 表单资料的整理,后续继续补充,希望能帮助编程的同学。

猜你在找的JavaScript相关文章