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>

具體效果見下

當我點擊搜索框時，提示內容顯示

求指導，謝謝

問題解答

ng-blur和ng-focus的表達式寫反了吧？還有變量里邊有必要加入$blured么?隨便一個變量都能標記是否獲得焦點吧，你再看看。