发表于： 2017-02-23 23:09:54
1 1018
一、今天完成的事情：
1，用户编辑，新增功能，角色列表页面
二、明天要做的事情：
1，角色编辑新增功能。
三、遇到的问题：
1.angular表单验证。
angualr把form标签从新封装成了一个指令，优化了表单的验证功能。
form表单必须有一个name属性，ng会为这个表单建立一个对象，挂在当前scope下面，
表单组件也必须有一个name属性，ngform会根据这个name值创建为表单对象内创建一个同名的属性，
如下面这个表单
addUserForm {
user：‘’，
}
<form class="form-horizontal" name="addUserForm">
<label for="">
<input type="text" name="user" ng-model="vm.user" ng-maxlength="20" required>
</label>
</form>
表单对象内有几个用做表单验证的关键属性，都是一个布尔值，根据这个值做大概的表单验证，
$dirty 表单有填写记录
$valid 字段内容合法的
$invalid 字段内容是非法的
$pristine 表单没有填写记录
在表单组件标签中还可以根据验证的需求，以属性的方式添加多种验证，
required 必填项
ng-maxlength 最大长度
ng-minlength 最小长度
ng-pattern 正则表达式
这些值的验证结果在对象的$error对象中可以查看,如果想检测$error的值用失焦事件ng-blur事件，如果用change/click事件无法得到正确的值。
如果是做密码的二次验证，可以把第一次输入的值和第二次入的值拿来做验证，
ng-show="vm.adduser.newPwd ！= vm.adduser.pwd)"
注意如果第一个值做了ng的表单验证，ng-model绑定的值只有在输入合法的时候才会更新！
今天的收获：
返回列表
评论