如何在验证时禁用angularjs中的引导选项卡?

时间:2014-12-11 14:15:51

标签: angularjs angular-ui-bootstrap

我正在创建一个表单向导,它在三个不同的选项卡中有三个表单,一旦验证了当前选项卡中的表单,用户只能转到下一个选项卡。 只要每个表单上没有控制器,它就可以正常工作。由于我需要做一些逻辑,我将控制器附加到这些表单中的每一个,但是一旦放置控制器,即使表单无效,选项卡也会启用。这是plunkr链接

`http://jsfiddle.net/bs4agngu/

此致 查兰

1 个答案:

答案 0 :(得分:1)

检查一下:how to disable external button in angular when form is invalid
你可以使用这样的东西:

<input ng-disabled="formName.$invalid" type="button"  class="btn btn-primary" ng-click="$broadcast('Save')" />