发表于: 2017-05-13 23:51:11
1 1012
一、今天完成的事情
1.学习angular 基础指令:ng-model,ng-minlength,ng-maxlength,ng-submit,ng-class,ng-if,ng-disabled
2.完成用户传入数据和创建验证规则
二、明天计划的事情
继续学习Angular,写任务6。
三、遇到的问题
给任务5用户和密码输入增加验证功能:用户和密码不能为空,密码长度范围,代码:
<div class="item2">
<img src="images/password.png">
<span></span>
<input name="password"
type="password"
ng-model="userdata.password"
ng-minlength="6"
ng-maxlength="255"
placeholder="密码"
required
>
</div>
<p class="error" ng-if="
registerForm.password.$error.required &&
registerForm.password.$touched"
>密码不可为空</p>
<p class="error" ng-if="
registerForm.password.$error.minlength ||
registerForm.password.$error.maxlength"
>密码长度在6到255之间</p>
四、收获
熟悉Angular基本指令应用
Angular用起来的确简单了很多,减少了js代码量。
评论