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

我正尝试创建一个搜索字段，其中包含用于清除用户键入的文本的重置按钮。我想知道如何在输入字段的右端放置X或'mulitiply'或svg图标，以及如何在AngularJS 1.5.8指令中处理所需的操作。有任何想法吗？使用AngularJS搜索输入字段中的重置按钮

来源

2016-12-14 Konrad Dziurdź

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

来源

2016-12-14 10:07:31 Disha

它工作正常，但问题是X的那个位置是绝对的。我希望X在输入的右侧，不管窗口的大小，甚至动态变化inpit（即动态宽度由焦点确定） –

你可以用css玩弄并相应地调整它 – Disha

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

回答

相关问题