Angular js bootstrap按钮禁用

Question

我有以下angularjs app html文件：

<button class="btn btn-default pull-right" ng-click="open(subcategory)">Add Course <span class="glyphicon glyphicon-plus"></span></button>

我想知道，只要满足条件Add course，我们是否可以禁用required credits == completed credits按钮。控制器是一个常规的json文件，其中包含子类别中的所有参数。

请帮忙！

Answer 1

使用ng-disabled指令

<button class="btn btn-default pull-right" ng-disabled="subcategory.required2 == subcategory.completed2" ng-click="open(subcategory)">Add Course <span class="glyphicon glyphicon-plus"></span></button>

Answer 2

根据条件在控制器中设置isDisabled变量。

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