通过AngularJS停用元素

Question

我有一个DOM元素（我分配给控制器的元素的子元素），我希望，在添加类“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