切换/隐藏输入组

Question

在引导输入组中隐藏/切换the input-group-addon span 的最佳方法是什么？如果我只是删除它，圆角会从输入中截断 以及其他一些显示问题，例如宽度

https://jsfiddle.net/45f9nq94/

编辑：这是我想出的最好的，好的解决方案吗？

https://jsfiddle.net/45f9nq94/1/

编辑：更接近真实交易的 Angular 示例

https://jsfiddle.net/45f9nq94/3/

更新： 我重新考虑了解决方案，我认为它对用户https://jsfiddle.net/45f9nq94/7/ 来说也更好看。唯一我不喜欢的是我添加了将插件的内容包装在一个新的跨度中。知道如何使用 CSS 更改 input-group-addon 跨度来做同样的事情而不需要额外的跨度吗？

Answer 1

我的解决方案是删除input-group 类并隐藏<span>。如：

 <div ng-class="{'input-group': ...}">
     <input ..../>
     <span ng-if="..." class="input-group-addon"></span>
 </div>