搜索

首页  >  问答  >  正文

angular.js - 页面加载的时候ng-show会显示出来一瞬间,怎么避免

代码如下,页面刚加载的时候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_leeringa_lee2744 天前733

全部回复(9)我来回复

  • PHPz

    PHPz2017-05-15 17:13:36

    • ng-if判断 或者

    • 加上ng-cloak

    回复
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 17:13:36

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

    回复
    0
  • 高洛峰

    高洛峰2017-05-15 17:13:36

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

    回复
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 17:13:36

    在element上加ng-cloak

    回复
    0
  • PHP中文网

    PHP中文网2017-05-15 17:13:36

    ng斗篷

    回复
    0
  • 高洛峰

    高洛峰2017-05-15 17:13:36

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

    回复
    0
  • 高洛峰

    高洛峰2017-05-15 17:13:36

    ng-if

    回复
    0
  • 天蓬老师

    天蓬老师2017-05-15 17:13:36

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

    回复
    0
  • 怪我咯

    怪我咯2017-05-15 17:13:36

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

    回复
    0
  • 取消回复