我有一个Bootstrap输入组,根据其状态显示不同。选中此框会导致文本框显示,取消选中它会隐藏文本框。 我必须调整标签的宽度,以便在有和没有文本框的情况下正确对齐
<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>
我的问题是Angular会在隐藏文本框之前调整标签的宽度,这会分散用户的注意力。在摘要循环完成之前,有什么方法可以阻止渲染的任何变化吗?