发表于: 2017-06-06 20:17:36
1 1162
今天完成的事情:完成了article管理的内容,完成密码修改模块
明天计划的事情:角色管理
遇到的问题:有一个奇怪的问题,我的chrome浏览器加载新网页的时候,会出现无反应的情况,需要连续点几次才会在某一次进行,或者出现 “喔唷,崩溃啦”这种让人崩溃的页面!!找到了两个解决方法,但是由于是同时实用的,我也不知道是哪个方法起作用了
原来写一个表单验证的提醒,是这样的
<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就只需要判断表单中的限定元素即可
评论