javascript - 使用 ui-router 重定向到另一个页面的提交按钮

Question

我正在使用 AngularJS ui-router 去不同的页面。我有一个提交表单的按钮，但我也希望它在提交后将我带到不同的页面。所以我尝试做这样的事情:

方法 1，按钮

<button href="#anotherPage" type = "submit" ng-click = "someFunction()" class = "btn btn-default">Go to another page</button> 

通常，这是在链接中完成的，所以我也尝试了这个:

方法 2，链接

<a href="#anotherPage" type = "submit" ng-click = "someFunction()" href="#results" class = "btn btn-default">Go to another page</a> 

方法 1 不起作用，因为 href 不适用于按钮，方法 2 将我带到另一个页面但不提交。最干净的方法是什么？

Answer 1

您可以在 Controller 中定义的点击方法中使用$state.go()。

喜欢-

按钮代码 -

<button ng-click="someFunction()" class="btn btn-default">Go to another page</button>

Controller 中的方法 -

$scope.someFunction = function() {
 // Process the data 
 $state.go('newsstate',{id: id});
};

不要忘记注入(inject)$state。

作为建议 - 每当您使用 ui-router 时，请尝试使用 ui-sref 而不是简单的 href。