angular.js - ng-show 表达式动态显示
问题描述
form input输入框点击搜索框显示提示内容,点击其他地方,提示内容消失
代码见下
<form name='checkForm'> <p class='form-group'><label class='col-sm-3 control-label'>用 户 名</label><p class='col-sm-8 account'> <input type='text' placeholder='您的账户名和登录名'ng-model='account'name='account'required='required'ng-pattern='regularList.account'ng-blur='checkForm.account.$blured = true;'ng-focus='checkForm.account.$blured = false;'autocomplete='off'/> <span ng-class='{’right’:(checkForm.account.$error.pattern),’error’:checkForm.account.$valid}'></span></p> </p> <p ng-show='checkForm.account.$blured'><p class='input-tip'> <i></i> <span>!支持中文、字母、数字、“-”“_”的组合,4-20个字符</span></p> </p></form>
具体效果见下
当我点击搜索框时,提示内容显示
求指导,谢谢
问题解答
回答1:ng-blur和ng-focus的表达式写反了吧?还有变量里边有必要加入$blured么?随便一个变量都能标记是否获得焦点吧,你再看看。
相关文章:
1. java - 当系统出现线程死锁时怎么处理?2. angular.js - 前端使用input使用ng-model绑定数据,控制前中一直无法得到映射的值3. angular.js - 关于指令link 中的创建变量问题4. vue计算属性怎么样与for结合使用5. javascript - H5下拉能更换页面么 怎么实现 在左右滑的页面中6. angular.js - angularJS最简单方法实现点击checkbox,button变亮7. javascript - 请问微信jssdk自定义分享是不是不能用了?8. css - chrome和safari ul li表现布局不一致问题9. javascript - 一行代码放在函数内与函数外的区别?10. javascript - setTimeout第一个参数是立即执行函数,看不懂了