Angular js bootstrap按钮禁用

Question

I have the following angularjs app html file:

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

I would like to know if we can disable the Add course button whenever the condition required credits == completed credits is met. The controller is a regular json file with all the parameters in the subcategories.

Please help!

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>