Angular js引导按钮禁用答案

【问题标题】：Angular js bootstrap button disableAngular js引导按钮禁用
【发布时间】：2014-05-11 16:39:59
【问题描述】：

我有以下 angularjs app html 文件：

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

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

请帮忙！

【问题讨论】：

请从您的整个应用中减少您的示例，以最小化重现您的问题。
您好，感谢您告诉我。我实际上将编辑保存在另一个文件中，但忘记复制新副本。

标签： javascript angularjs twitter-bootstrap

【解决方案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>

【讨论】：

【解决方案2】：

只需根据条件在控制器中设置 isDisabled 变量即可。

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

【讨论】：

这在 IE8 及以下版本中不起作用。它将 disabled="false" 解释为 true，因此是 ng-disabled 指令。
另外，我认为你不需要scope 关键字。