如何在AngularJS中消除闪烁

发布网友 发布时间：2022-04-22 09:11

我来回答

共1个回答

热心网友 时间：2022-05-14 17:23

1. 在AngularJS中有一个ng-cloak的指令，它将自己下面的内容隐藏，当浏览器加载完成后，这个属性自然会删除。

[html] view plain copy
<form class="form-horizontal" action="/opp/add" method="post" ng-app="addOpp" ng-controller="addOppCtr" name="addForm" novalidate ng-cloak>

<div class="form-group">
<label for="client_name" class="col-sm-2 control-label">Client Name<span style="color:red">*</span></label>
<div class="col-sm-10">
<input class="form-control" id="client_name" name="client_name" ng-model="client_name" type="text" required/>
<span style="color:red" ng-show="addForm.client_name.$dirty && addForm.client_name.$invalid">
<span ng-show="addForm.client_name.$error.required">Client Name is required</span>
</span>
</div>
</div>
如上代码所示，ng-cloak下面相关的AngularJS输入验证都将隐藏，只有浏览器加载完成时，输入验证才会产生作用。
2.使用ng-bind代替{{}}。