切换/隐藏输入组

Question

在引导程序输入组中隐藏/切换the input-group-addon范围的最佳方法是什么？如果我只是将其移除，圆角就会从输入端切掉  以及一些其他显示问题，如宽度

https://jsfiddle.net/45f9nq94/

编辑：这是我提出的最好的解决办法吗？

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

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

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

更新 我重新考虑了解决方案，我认为它对用户来说看起来也更好https://jsfiddle.net/45f9nq94/7/只有我不喜欢的是我添加以在新的范围内包装插件的内容。任何想法如何在没有额外跨度的情况下用CSS改变输入组 - 插件跨度相同的东西？

Answer 1

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

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