AngularJS：使用ngClick清除输入框

Question

我在使用ngClick清除搜索输入框时遇到问题。

search.html

<label for="search" class="item item-input">
  <input type="text" placeholder="Search" name="search" ng-model="searchPosts" />
  <img ng-show="searchPosts.length >= 1" ng-click="resetSearch()" src="icons/x-ico.png" alt="Clear search bar" class="cross-icon" />
  <img ng-hide="searchPosts.length >= 1" src="icons/search-orange.png" alt="Enter a search term" class="search-icon" />
</label>

controllers.js

$scope.resetSearch = function() {
  $scope.searchPosts = '';
}

在HTML中，如果我将图像放在<label>标签之外，那么它可以正常工作（清除输入框），但不是在它内部时。这有什么特别的原因吗？