angular.js - paparan dinamik ungkapan ng-tunjuk

Question

kotak input input borang
Klik kotak carian untuk memaparkan kandungan gesaan Klik di tempat lain dan kandungan gesaan hilang

Lihat kod di bawah

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

Lihat kesan khusus di bawah

Apabila saya mengklik pada kotak carian, kandungan gesaan memaparkan

Tolong beri saya tunjuk ajar, terima kasih

Answer 1

Adakah ungkapan ng-blur dan ng-focus ditulis ke belakang? Adakah perlu menambah $blured pada pembolehubah boleh menandakan sama ada ia mempunyai fokus.