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

Question

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

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

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

Answer 1

你知道 ui-sref 是什么吗？更改您的应用程序状态并重定向到不同的 url（在您的情况下为主页）

不太理解你的问题，但请记住你可以将 ng-click 与 ui-sref 一起添加以在重定向之前执行一些功能（可能有助于你的逻辑）

喜欢

<section id="test-page-1" 
         ng-click="doSomething(someParams)" 
         ui-sref="project.home"></section>

和控制器

$scope.doSomething = function(someParams) {
   // bla-bla-blaaa
}

Answer 2

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

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

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

Handling clicks using ui-sref and inside elements