javascript - ng-click 不会在文本框内的 span 中触发

Question

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

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

我相信这是覆盖它的跨度之上的东西，但我找不到任何东西让这个图标“可点击”。我正在使用 has-feedback 和 form-control-feedback Bootstrap 类，也许这也是问题所在...

代码如下:

<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

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

Answer 1

添加“指针事件:自动；光标:指针；”跨度到你的风格类