javascript - 通过 AngularJS 停用元素

Question

我有一个 DOM 元素(我已为其分配 Controller 的元素的子元素)并且我希望在添加类“ianctive”(这使得该元素看起来不活动 - 通过将其变灰)时禁用所有该元素中的 AngularJS 交互(在本例中为 ng-click 和所有输入)。

Answer 1

定义一个模型属性来跟踪启用/禁用状态，然后将 ng-disable 指令添加到所有表单元素。对于 ng-click，修改表达式以同时查看这个新模型属性以确定它们是否应该执行任何操作。

例如，如果您的新模型属性是 $scope.inactive:

<input type="text" ng-disabled="inactive" ng-model="...">
<a ng-click="inactive || (prop1=prop1 + 1)">click to increase</a> {{prop1}} 

Fiddle