In AngularJS can I stop browser rendering until digest is complete? -
i have bootstrap input group displays differently depending on state. checking box cause textbox display , unchecking hide textbox. have adjust width of label have line correctly , without textbox
<div class="input-group"> <div class="input-group-addon" ng-click="bcc.switchstate(item)"> <button class="btn btn-default chkitem-btn" aa-box-click="item.isnotok"> </button> </div> <label class="input-group-addon checkbox-label" ng-click="bcc.switchstate(item)" ng-class="{ default: !item.isnotok, checked: item.isnotok, 'checkbox-label-textbox': item.hastextbox && item.isnotok }"> {{item.caption}} </label> <input id="txt{{$index}}" type="text" class="form-control text" ng-model="item.text" ng-show="item.hastextbox && item.isnotok"> </div>
my problem angular adjusts width of label before hides textbox, distracting user. there way can prevent changes rendering until digest loop complete?
Comments
Post a Comment