通过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