清除里面的图标 ui.bootstrap.typeahead

Question

的 angular UI 预输入

我希望能够使用文本框中的图标清除选择，如下所示

--------------------------------------------------
|                                               X|
--------------------------------------------------

我试过使用输入类型搜索，但没有用。我的代码：

<input type="text" ng-model="search" placeholder="Search"
uib-typeahead="eachCatigory in catigories | limitTo:8"/>

任何建议都很好。

Answer 1

http://plnkr.co/edit/e8KUEKNkKZTOVa4DU3oN?p=preview

<div class='input-group'>
  <input type="text"
         ng-model="selected"
         uib-typeahead="state for state in states"
         class="form-control" />
  <span class="input-group-addon"
        ng-click="selected=''">
    X
  </span>
</div>

X 刚刚覆盖在文本框上的修改版本（使用相对和绝对定位）

http://plnkr.co/edit/kBq0U2D5i8CyNwykDUcj?p=preview

清除里面的图标 ui.bootstrap.typeahead

Clear icon inside ui.bootstrap.typeahead

javascript

angularjs

angular-ui-bootstrap