如何創建帶有關閉的按鈕/標簽？

Question

我想創建一個具有某些功能的onclick事件按鈕/標簽。 但是我希望能夠為用戶提供刪除按鈕/標簽的選項。這就是我所做的：

<button type="button" class="btn btn-success" ng-   click="doSomething()">Help<span class="glyphicon glyphicon-remove" ng-click="deleteThisButton()"></span></button>

現在，如果執行此操作，則將調用這兩個函數。 我如何獲得它僅根據用戶單擊的位置觸發。

Answer 1

嘗試這個...

$('.glyphicon-remove').click(function() {
  $(this).hide();
});

Answer 2

您需要停止傳播到按鈕元素的click事件。 您可以通過將click事件對象（$ event）傳遞給deleteThisButton函數來實現。 我還提供了隱藏按鈕的代碼：

$scope.deleteThisButton = function($event) {
  $event.stopPropagation();
  angular.element($event.target).parent().css('visibility','hidden');
};

將您的HTML更改為此，以便將$ event對象傳遞給該函數：

<button type="button" class="btn btn-success" ng-click="doSomething()">Help
      <span class="glyphicon glyphicon-remove" ng-click="deleteThisButton($event)"></span>
</button>