发表于: 2017-06-06 20:17:36

1 1162


今天完成的事情:完成了article管理的内容,完成密码修改模块
明天计划的事情:角色管理
遇到的问题:有一个奇怪的问题,我的chrome浏览器加载新网页的时候,会出现无反应的情况,需要连续点几次才会在某一次进行,或者出现 “喔唷,崩溃啦”这种让人崩溃的页面!!找到了两个解决方法,但是由于是同时实用的,我也不知道是哪个方法起作用了

1.输入chrome://plugins/,在插件中看是否有插件出现问题,我就是两个pdf插件同时加载,只加载一个
2.在高级设置中取消硬件加速
收获:ng-messages。

原来写一个表单验证的提醒,是这样的

<form name="userForm">

<input 

type="text"

name="username"

ng-model="user.username"

ng-minlength="3"

ng-maxlength="8"

required>

<p ng-show="userForm.username.$error.minlength">Username is too short.</p>

<p ng-show="userForm.username.$error.maxlength">Username is too long.</p>

<p ng-show="userForm.username.$error.required">Your username is required.</p>

</form>

用ng-show的判断表单错误时候哪条显示,需要在每一个show里面写入判断的表单名称

而用ng-messages的话,可以相对简化一些

<form name="myForm">

  <label>

    Enter your name:

    <input type="text"

           name="myName"

           ng-model="name"

           ng-minlength="5"

           ng-maxlength="20"

           required />

  </label>

  <pre>myForm.myName.$error = {{ myForm.myName.$error | json }}</pre>


  <div ng-messages="myForm.myName.$error" style="color:maroon" role="alert">

    <div ng-message="required">You did not enter a field</div>

    <div ng-message="minlength">Your field is too short</div>

    <div ng-message="maxlength">Your field is too long</div>

  </div>

</form>

只需要在ng-messages里面注入表单名称,字元素中的ng-message就只需要判断表单中的限定元素即可


返回列表 返回列表
评论

    分享到