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

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

            <div 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="请输入用户名">
                <div ng-show="myform.username.$error.minlength" class="alert alert-danger help-block">
                    用户名不能小于5位
                </div>
                <div ng-show="myform.username.$error.maxlength" class="alert alert-danger help-block">
                    用户名不能大于10位
                </div>
            </div>
阅读 7k
9 个回答

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

  • ng-if判断 或者

  • 加上ng-cloak

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

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

新手上路,请多包涵

在element上加ng-cloak

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进