angular.js - 页面加载的时候ng-show会显示出来一瞬间,怎么避免
ringa_lee
ringa_lee 2017-05-15 17:11:36
0
9
695

代码如下,页面刚加载的时候ng-show所在的p会冒出来一瞬间,怎么避免呢?
<label class="col-sm-2 control-label">用户名</label>

            <p class="col-sm-10">
                <input type="text" autocomplete="off" name="username" ng-model="data.username" ng-minlength="5" ng-maxlength="10" ng-required="true" class="form-control"  placeholder="请输入用户名">
                <p ng-show="myform.username.$error.minlength" class="alert alert-danger help-block">
                    用户名不能小于5位
                </p>
                <p ng-show="myform.username.$error.maxlength" class="alert alert-danger help-block">
                    用户名不能大于10位
                </p>
            </p>
ringa_lee
ringa_lee

ringa_lee

全員に返信(9)
PHPzhong
  • ng-ifを使用して判断するか、

  • プラスng-cloak

いいねを押す +0
曾经蜡笔没有小新

ng-show、ng-hideはCSSの表示と非表示です。このアニメーション効果の継続時間を最小値に変更してみてください。

いいねを押す +0
小葫芦

これはフォームの検証ですか? ng-ifを使ってみると良いと思います

いいねを押す +0
我想大声告诉你

ng-cloakを要素に追加します

いいねを押す +0
Ty80

ng-マント

いいねを押す +0
小葫芦

ng-if を使用すると、show は単に表示を変更するだけです。none; ng-if は DOM 全体を削除するため、上記のような状況は起こりません

いいねを押す +0
小葫芦

使用ng-if

いいねを押す +0
Peter_Zhu

初期化中に ng-hide クラスを追加するか、display: none を設定すると、デフォルトで非表示になります

いいねを押す +0
刘奇

http://www.cnblogs.com/whitew...

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!