如何禁用具有自定义禁用按钮图像的图像按钮？

Question

我正在尝试使用img标签在angularjs中创建一个按钮，使用css将其图像更改为禁用状态。我正在使用2级1启用其他禁用。

<button class="save-button" ng-disabled="{{isEnabled}}"></button>

请帮助my plunker for the problem

Answer 1

当使用ng-disabled时，表达式应该是true / false值，以确定该按钮是否实际被禁用。

代码应该是这样的：

<button class="save-button" ng-disabled="!isEnabled" ng-click="test()"></button>
<button title="Toggle" ng-click="isEnabled = !isEnabled">toggle</button>

现在，当'isEnabled'值设置为false时，该按钮被禁用。

我已修复您的 plnkr