html - 使用 ui-sref 和内部元素处理点击

Question

我正在设计一个特定的页面，无论我点击哪里，我都想返回主页。所有页面都包含在一个部分中:

<section id="test-page-1" ui-sref="project.home">
</section>

问题是我在这个页面中有 3 个特定按钮，它们没有正常工作，相反它们还将我重定向到主页。Z-index 并没有解决问题，因为从我读到的内容来看，它只在视觉 Angular 而不是功能上起作用。如果我仍然可以在整个部分中按原样使用 ui-sref="project.home"，我真的很喜欢它。有什么想法吗？

Answer 1

在与按钮点击相关联的函数中，停止事件传播。

$scope.buttonFunctioanlity = function (e) {
  e.stopPropagation();
};

<button ng-click="buttonFunctioanlity($event)">Click Me</button>