使用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搜索輸入字段中的重置按鈕

回答

相關問題