使用AngularJS在搜索输入字段中重置按钮

【问题标题】：Reset button in search input field using AngularJS使用AngularJS在搜索输入字段中重置按钮
【发布时间】：2016-12-14 09:40:43
【问题描述】：

我正在尝试创建一个带有重置按钮的搜索字段，该按钮将清除用户键入的文本。我想知道如何在输入字段的右端放置 X 或“多重”或 svg 图标，以及如何在 AngularJS 1.5.8 指令中处理所需的操作。有什么想法吗？

【问题讨论】：

标签： angularjs search input reset

【解决方案1】：

检查这个fiddle

 <div class="input-prepend-inner pull-left" >
    <input ng-model="search.name"  placeholder="Filter">
         <span> <i class="add-on " ng-click="search.name = ''">X</i></span>
 </div>

【讨论】：

它工作正常，但问题是 X 的位置是绝对的。我希望 X 位于输入的右侧，无论窗口大小，甚至是 inpit 的动态变化（即由焦点确定的动态宽度）
你可以玩转css并进行相应的调整