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

validation of views before navigating to other in single page application

我是 angular js 的新手。我有一个使用 bootstrap 构建的表单,还包含一个按钮。按钮标签有

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

在使用 angular js 的单页应用程序中,我们使用 ngRoute 移动到其他视图。 因此,单击按钮后,它会将我引导至下一个视图。我可以在重定向之前验证表单吗? href 将使用 ngRoute 自动移动到其他视图。 我该如何解决这个问题?

调查 angular 表单控制器,它有很多关联的属性用于表单检查

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

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

在上述教程的上下文中,您可以对 link 按钮执行类似的操作:

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