我不知道为什么我无法通过单击输入字段中的删除图标来删除该值。
<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 上的代码
最佳答案
只需删除 pointer-events: none;
来自 .glyphicon
图标:
.inner-addon .glyphicon {
position: absolute;
padding: 10px;
}
现在您基本上禁用了与图标的点击交互,这就是点击不起作用的原因。
演示:http://plnkr.co/edit/YaWt5UdSjvUmiZZ2QH5v?p=preview
关于javascript - Angular |通过单击输入中的字形删除输入的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25640746/