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

Question

代码如下，页面刚加载的时候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>

Answer 1

• 用ng-if判断 或者

• 加上ng-cloak

Answer 2

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

Answer 3

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

Answer 4

在element上加ng-cloak

Answer 5

ng-cloak

Answer 6

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

Answer 7

用ng-if

Answer 8

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

Answer 9

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