表单提交bootstrap angularJs后禁用按钮

时间:2016-06-29 12:31:06

标签: javascript angularjs angular-ui-bootstrap

我有一个按钮,在提交该表单时加载一个带有一些列的表单,弹出窗口关闭,数据被发送到服务层。

我希望该按钮被禁用,我在弹出窗口提交表单后首先点击该按钮打开弹出窗口。

3 个答案:

答案 0 :(得分:0)

$submitted有一个专用变量。见the docs

答案 1 :(得分:0)

您可以使用视图中可见的变量(如果您使用的是控制器,则使用$ scope或其他名称)。我们假设您正在使用$ scope。因此,您可以设置$ scope.sending = true。任务结束后,您可以设置$ scope.sending = false。

现在,让我们看看视图。在button标签中,您可以将ng-disabled指令与$ scope.sending变量一起使用。这样,如果$ scope.sending为true,则该按钮将被禁用,如果为false,则该按钮将被启用。

我希望这会对你有所帮助。

答案 2 :(得分:0)

单击表单提交按钮后,设置pupup按钮的ng-disabled指令 https://docs.angularjs.org/api/ng/directive/ngDisabled