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