引导验证完成后执行 AngularJS 函数答案

【问题标题】：Execute AngularJS function after bootstrap validation is done引导验证完成后执行 AngularJS 函数
【发布时间】：2015-11-19 06:50:05
【问题描述】：

我是 Bootstrap 和 AngularJS 的新手，所以我不知道如何解决以下问题。

我有一个带有 bootstrap 和 validation.js 的 HTML 文件，带有 Angular 和 PHP 文件。

当用户单击提交按钮时，我需要使用 Bootstrap 验证来验证字段。如果验证为真，那么我需要调用 JS 文件。

这里的问题是，当用户按下提交按钮时，AgularJS 的 onclick 函数开始工作。它不会等待引导验证完成。

请给出一些想法如何做到这一点。

【问题讨论】：

请多解释。关于您正在做什么的示例代码和您遇到问题的描述将帮助其他人回答您的问题。
Bootstrap 中没有这样的验证。 Bootstrap 是一个 CSS 库。您是否使用任何其他验证，例如 jQuery 验证等？你正在做什么样的验证？
我使用了 bootsrap 验证 js 文件例如：formvalidation.io/getting-started
请参考此链接jsfiddle.net/5WMff

标签： javascript angularjs twitter-bootstrap

【解决方案1】：

您可以在提交按钮上使用ng-disabled 属性阻止提交事件，如下所示。

<form ng-click="yourAngularMethod()">
   <input type="text" ng-model="yourModel0" required>
   <input type="text" ng-model="yourModel1" required>
   <input type="text" ng-model="yourModel2" required>
   <input type="submit" value="Fire!" ng-disabled="yourCondition">
</form>

你也可以像下面这样显示你的错误：

<div class="alert alert-danger" ng-show="errorState">
{{errorMessage}}
</div>

【讨论】：

如果是div那我们该怎么办？
非常感谢 furkan，我仍然有一些困惑，我试图用你的想法弄清楚，如果我不能，我会请你帮助。谢谢。