AngularUI Modal禁用按钮按下

时间:2015-06-08 11:25:33

标签: html angularjs forms button

我在模态窗口中有一个表单,它禁用了提交按钮,直到表单有效。按钮是透明的,我不能用鼠标按它。不幸的是,我可以通过按TAB和Space按下该按钮。我该怎么做来禁用按钮?

更新

这就是我所拥有的:

<button id="test-button-submit" ng-class="{ disabled: signup_form.$invalid }" ng-click="okEdit()" class="btn btn-primary">Save</button>

这就是我现在所拥有的:

<button id="tet-button-submit" disabled="{{signup_form.$invalid}}" ng-click="okEdit()" class="btn btn-primary">Save</button>

我做错了什么?起初它工作正常,但我可以用TAB按下我的按钮并输入或空格。现在我的按钮总是被禁用,即使我的表格有效。

1 个答案:

答案 0 :(得分:0)

为此目的使用ng-disabled:

<button ng-disabled="{{isDisabled}}">Disabled</button>

https://docs.angularjs.org/api/ng/directive/ngDisabled