发表于: 2017-05-22 19:57:25

2 1031


1.学习使用angular基础的表单验证:

<p>用户名:<br>
  <input type="text" name="user" ng-model="user" required>
  <span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid">
  <span ng-show="myForm.user.$error.required">用户名是必须的。</span>
  </span>
</p>

以上是用户名必须输入验证,通过在input标签中设置必须输入的项,然后提前写好一个包含

提示信息的<span>标签,使用ng-show,使得input设置的条件没有得到满足的时候显示出

<span>标签中的内容

2.但是普通的表单验证不是很好用,后来使用ng-message进行修改,这个和ui路由一样,也是

需要引入一个angular模块:

  <input ng-model="passInput" required maxlength="10" ng-minlength=6 type="password" name="pass" placeholder="请输入至少6位密码" />
</div>
<div class="warn" ng-messages="myForm.pass.$error">
   <div ng-message="required">*必填项</div>
   <div ng-message="minlength">至少输入6位</div>

使用方法是在input标签中设置好条件项,然后在input标签底下建立显示标签,显示标签中

直接写ng-message,然后写上对应的条件项名称就可以了,相比较之下要比普通的angular表单

验证方便一些

3.对路由进行修改,使得实现多层嵌套功能

明日计划:

学习使用懒加载

遇到的问题:

总是遇到引入的angular文件报错的问题,通过询问他人可能是引入版本的问题,打算多换

几个版本再尝试一下

今日收获:

使用ng-message


返回列表 返回列表
评论

    分享到