angularjs |通过点击输入中的字形图标来移除输入值

angularjs | remove value of input by clicking on glyphicon within input

本文关键字：输入 图标 字形 angularjs      更新时间：2023-09-26

我不知道为什么我不能通过单击输入字段中的移除图标来移除值。

          <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 上的代码

只需从.glyphicon图标中删除pointer-events: none;：

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

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

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

没有什么问题，只是您的glyph click不可能，因为输入溢出了

检查它是否工作

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

您可以使用您的代码，只需在字形中添加一些z索引；）所以它向上一层到达输入，你可以点击它

相关文章：