html - 如何禁用除当前在 angularjs 中选择的所有按钮/图像/div？

Question

我是 angularjs 的初学者。但我知道 jQuery。 我有 3 个图像/按钮/div，目前我正在处理 1 个 div，我需要禁用剩余的 div/图像/按钮。完全像下图。

如何在 angularjs 中执行此 onclick 事件，请帮助我，在此先感谢。

Answer 1

要禁用按钮，您可以将属性 data-ng-disabled 添加到按钮。

<div>
    <button id = "button1" data-ng-disabled = "disable1">A</button>
    <button id = "button2" data-ng-disabled = "disable2">B</button>
    <button id = "button3" data-ng-disabled = "disable3">C</button>
</div>

然后，在 Controller 中，你可以拥有

$scope.disable1 = false;
$scope.disable2 = true;
$scope.disable3 = true;