Angular 可使用指令无缝地增强标准表单元素的功能,我们将讨论它的优点,包括: 数据绑定、建立模型属性、验证表单、验证表单后反馈信息、表单指令属性 下面我们通过案例验证他们的用法:
一、双向数据绑定(ng-model)和建立模型属性
首先定义了数据模型scope.todos和添加数据到模型的addNewItem()方法,接着使用双向数据绑定ng−model将视图中表单的action和location和模型中的 scope.todos进行绑定, 最后通过ng-click点击属性触发添加数据到模型的addNewItem()方法完成操作
二、验证表单
在我们提交表单到服务器之前,我们需要来检测一下用户提交的数据是否存在或者是说合法,否则提交无用的数据会浪费资源。<div id="todoPanel" class="panel" ng-controller="defaultCtrl">
<form name="myForm" novalidate ng-submit="addUser(newUser)">
<div class="well">
<div class="form-group">
Email:
required ng-model="newUser.email">
Box">