在单页面应用程序中导航到其他视图之前验证视图

时间:2015-03-25 10:33:19

标签: angularjs twitter-bootstrap validation navigation

我是棱角分明的新手。我有一个使用bootstrap构建的表单,还包括一个按钮。按钮标签有

<button><a href="#myUrl">Ok</a></button>

在使用角度js的单页应用程序中,我们使用ngRoute移动到其他视图。 所以点击按钮,它会指引我进入下一个视图。我可以在重定向之前验证表单吗? href将使用ngRoute自动移动到其他视图。 我怎么解决这个问题?

1 个答案:

答案 0 :(得分:0)

调查角形式控制器,它具有与之相关的许多属性以进行表单检查

https://docs.angularjs.org/api/ng/type/form.FormController

这也是如何在角度中进行自举验证的一个很好的介绍: http://blog.yodersolutions.com/bootstrap-form-validation-done-right-in-angularjs/

在上面的教程中,您可以对链接按钮执行以下操作:

<button class="btn btn-primary" ng-disabled="userForm.$invalid">Save</button>