javascript - Angular |通过单击输入中的字形删除输入的值

Question

我不知道为什么我无法通过单击输入字段中的删除图标来删除该值。

          <i ng-hide="search" class="glyphicon glyphicon-filter"></i>
          <i ng-show="search" ng-click="search=null" class="glyphicon glyphicon-remove"></i>              
          <input ng-model="search" type="text" class="form-control" placeholder="Filter any..." />       
         <button ng-click="search=null"> remove value</button>

通过使用具有相同代码的按钮，这是可能的。

我的代码有什么问题，如何使用字形图标删除输入值？

我在 PLNKR 上的代码

Answer 1

只需删除 pointer-events: none;来自 .glyphicon 图标:

.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
}

现在您基本上禁用了与图标的点击交互，这就是点击不起作用的原因。

演示:http://plnkr.co/edit/YaWt5UdSjvUmiZZ2QH5v?p=preview