javascript - 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}} 

フィドル