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

Reset button in search input field using AngularJS

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

检查这个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>