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

您需要停止传播到button元素的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>

如何使用dismiss创建按钮/标签？

2 个答案: