发表于: 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"
   >密码长度在6255之间</p>

四、收获

熟悉Angular基本指令应用

Angular用起来的确简单了很多,减少了js代码量。




返回列表 返回列表
评论

    分享到