AngularJSでモデルの変更を監視するときに、初期ロードを無視するにはどうすればよいですか？

$ scope.fieldcontainerプロパティの深いグラフとして表示される単一のエンティティのエディターとして機能するWebページがあります。（$ resourceを介して）REST APIから応答を受け取った後、 'fieldcontainer'にウォッチを追加します。このウォッチを使用して、ページ/エンティティが「ダーティ」かどうかを検出しています。現在、保存ボタンをバウンスさせていますが、ユーザーがモデルを汚すまで保存ボタンを非表示にしたいのです。

私が取得しているのは、時計の単一トリガーです。これは、.fieldcontainer = ...割り当てが時計を作成した直後に行われるために発生していると思います。最初の誤警報を吸収するために「dirtyCount」プロパティを使用することを考えていましたが、それは非常にハックに感じられます...そしてこれを処理するには「角度慣用的」な方法が必要であると考えました-私だけではありません汚れたモデルを検出するために時計を使用する。

時計を設定するコードは次のとおりです。

 $scope.fieldcontainer = Message.get({id: $scope.entityId },
            function(message,headers) {
                $scope.$watch('fieldcontainer',
                    function() {
                        console.log("model is dirty.");
                        if ($scope.visibility.saveButton) {
                            $('#saveMessageButtonRow').effect("bounce", { times:5, direction: 'right' }, 300);
                        }
                    }, true);
            });

「UI（dirtyCount> 0）」で私の「UIダーティ」コードを保護するよりも、これを行うためのよりクリーンな方法があるはずだと考え続けています...

初期ロードの直前にフラグを設定し、

var initializing = true

そして最初の$ watchが発火したら、

$scope.$watch('fieldcontainer', function() {
  if (initializing) {
    $timeout(function() { initializing = false; });
  } else {
    // do whatever you were going to do
  }
});

フラグは現在のダイジェストサイクルの最後に破棄されるため、次の変更はブロックされません。

リスナーが初めて呼び出されるとき、古い値と新しい値は同じになります。だからこれをしてください：

$scope.$watch('fieldcontainer', function(newValue, oldValue) {
  if (newValue !== oldValue) {
    // do whatever you were going to do
  }
});

これは実際にはAngularドキュメントがそれを処理することを推奨する方法です：

ウォッチャーがスコープに登録された後、リスナーfnが非同期で（$ evalAsyncを介して）呼び出され、ウォッチャーが初期化されます。まれに、watchExpressionの結果が変化しないときにリスナーが呼び出されるため、これは望ましくありません。リスナーfn内でこのシナリオを検出するには、newValとoldValを比較できます。これら2つの値が同一（===）の場合、初期化のためにリスナーが呼び出されました

私はこの質問に答えたと思いますが、提案があります：

$scope.$watch('fieldcontainer', function (new_fieldcontainer, old_fieldcontainer) {
    if (typeof old_fieldcontainer === 'undefined') return;

    // Other code for handling changed object here.
});

フラグを使用しても機能しますが、コードに少し匂いがありますね。

現在の値の初期ロード中、古い値フィールドは未定義です。したがって、以下の例は、初期ロードを除外するのに役立ちます。

$scope.$watch('fieldcontainer', 
  function(newValue, oldValue) {
    if (newValue && oldValue && newValue != oldValue) {
      // here what to do
    }
  }), true;

新しいvalの状態を有効にします。

$scope.$watch('fieldcontainer',function(newVal) {
      if(angular.isDefined(newVal)){
          //Do something
      }
});