当使用 ng-click 时，AngularJS ui-router 恢复为其他状态

Question

我正在使用 AngularJS 作为学习练习。我正在尝试掌握 AngularJS ui-router ( https://github.com/angular-ui/ui-router )，但我遇到了一个问题。

我把一个小块放在一起来说明和复制。

http://plnkr.co/edit/OvmOKPMfeFqNWc7ToCff?p=preview

上面是一个简单的向导类型组件，顶部有选项卡可移动到特定步骤，底部有一些下一步/后退按钮可移动到下一个相关页面。

顶部的选项卡导航工作正常，单击移动会相应地更改 View 和 URL。

但是，下一个/后退按钮的行为非常奇怪，因为它们在您第一次单击“下一个”时起作用，但之后就不起作用了。您应该能够在 plunk 中看到我在说什么。

看起来它尝试导航到正确的 View ，但随后立即恢复到否则规则。

我已在代码中添加了 Hook ，以便在控制台中进行跟踪。本质上，所有下一步/后退按钮都称为相关状态，因此$state.go("step1")、$state.go("step3")等.

希望我已经提供了足够的信息，并且希望任何人能够提供任何见解。

谢谢。

Answer 1

您必须从 anchor 的 href 属性中删除“#”。