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' 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>

问题解答

回答1：

用ng-if判断 或者

加上ng-cloak

回答2：

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

回答3：

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

回答4：

在element上加ng-cloak

回答5：

ng-cloak

回答6：

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

回答7：

用ng-if

回答8：

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

回答9：

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