angulaire.js - affichage dynamique de l'expression ng-show

Question

zone de saisie du formulaire
Cliquez sur la zone de recherche pour afficher le contenu de l'invite. Cliquez ailleurs et le contenu de l'invite disparaît

.

Voir le code ci-dessous

<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>

Voir les effets spécifiques ci-dessous

Lorsque je clique sur le champ de recherche, le contenu de l'invite s'affiche

S'il vous plaît, donnez-moi quelques conseils, merci

Answer 1

Les expressions de ng-blur et ng-focus sont-elles écrites à l'envers ? Est-il nécessaire d'ajouter $blred à la variable ? N'importe quelle variable peut indiquer si elle a le focus.