angular.js - ng-show 表達式動態顯示

Question

form input輸入框
點選搜尋框顯示提示內容，點選其他地方，提示內容消失

程式碼見下

<form class="form-horizontal" name="checkForm">
    <p class="form-group">
        <label class="col-sm-3 control-label">用 户 名</label>
        <p class="col-sm-8 account">
            <input type="text" class="form-control showHide" 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 class="tip-container"  ng-show="checkForm.account.$blured">
        <p class="input-tip">
            <i></i>
            <span>!支持中文、字母、数字、“-”“_”的组合，4-20个字符</span>
        </p>
    </p>
</form>

具體效果見下

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

求指導，謝謝

Answer 1

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