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の入力の右側に、ウィンドウのサイズに関係なく、またはインピットのダイナミックな変更（つまり、動的な幅はフォーカスによって決定されます） –

あなたはCSSで遊んでそれに応じて調整することができます – Disha

AngularJSを使用して検索入力フィールドのリセットボタン

答えて

関連する問題