angular.js - ng-show will be displayed for a moment when the page is loaded. How to avoid it?

Question

The code is as follows. When the page is just loaded, the p where ng-show is located will pop up for a moment. How to avoid it?
<label class="col-sm-2 control-label">username</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

• Use ng-if to judge or

• plus ng-cloak

Answer 2

ng-show, ng-hide are css display and hiding. Try changing the duration of this animation effect to the minimum

Answer 3

Is this form validation? I think it’s better if you try using ng-if

Answer 4

Add ng-cloak to element

Answer 5

ng-cloak

Answer 6

Use ng-if, show just simply changes the display: none; ng-if removes the entire DOM, so there won’t be the situation you mentioned

Answer 7

Use ng-if

Answer 8

Add the ng-hide class during initialization or set display: none, and it will be hidden by default

Answer 9

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