ng-click 没有在文本框内的 span 中触发

Question

我已经搜索了一段时间，但我无法找到任何答案。

我的问题很简单，我在文本框中有一个字形图标跨度，但我希望这个图标在点击时清理文本框，并且由于某种原因 ng-click 没有触发。

我相信这超出了覆盖它的范围，但我找不到任何东西可以使这个图标“可点击”。我正在使用has-feedback 和form-control-feedback 引导类，也许这也是问题所在......

代码如下：

<div class="form-group has-feedback">
   <input type="text" class="form-control rounded"
                      placeholder="Search" title="Looking for something?" id="searchTxt" ng-model="vm.searchQuery"/>
   <span ng-click="vm.clearSearch()" class="glyphicon glyphicon-remove form-control-feedback cursor-pointer" style="color: black; font-size: 20px"></span>
</div>

这里有一个问题：

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

如您所见，我在文本框旁边有一个可以正常单击的按钮，但其中的跨度没有。我尝试了很多东西，比如 z-index，将 span 包裹在一个按钮中，试图查看按钮的位置，但没有让它可点击。

Answer 1

添加“指针事件：自动；光标：指针；”到您的跨度样式类