angular.js - 页面加载的时候ng-show会显示出来一瞬间,怎么避免
ringa_lee
ringa_lee 2017-05-15 17:11:36
[AngularJS讨论组]

代码如下,页面刚加载的时候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)
PHPz
  • ng-if判断 或者

  • 加上ng-cloak

曾经蜡笔没有小新

ng-show,ng-hide 是css显示与隐藏,试试在把这段的动画效果中时长改最小

高洛峰

这是表单验证么?你试试用ng-if我觉得好一点吧

我想大声告诉你

在element上加ng-cloak

PHP中文网

ng-cloak

高洛峰

用ng-if吧,show只是简单的修改display:none;ng-if是移除整个DOM,所以不会有你说的那种情况了

高洛峰

ng-if

天蓬老师

初始化时加上ng-hide这个class或者设置display:none,默认隐藏就行了

怪我咯

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号