在观看AngularJS中的模型更改时如何忽略初始负载？

我有一个网页可以用作单个实体的编辑器，它位于$ scope.fieldcontainer属性中的深层图形中。从REST API获得响应（通过$ resource）后，将手表添加到“ fieldcontainer”。我正在使用此手表来检测页面/实体是否为“脏”。现在，我正在使“保存”按钮弹跳，但实际上我想使“保存”按钮不可见，直到用户弄脏模型为止。

我得到的只是手表的一个触发器，我认为这是在发生，因为.fieldcontainer = ...分配是在创建手表后立即进行的。我本来只是想使用“ dirtyCount”属性来吸收最初的错误警报，但是感觉很hacky……而且我认为必须有一种“ Angular惯用的”方式来处理此问题-我不是唯一的人用手表检测脏模型。

这是我设置手表的代码：

 $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);
            });

我一直在想，有一种比使用“ if（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。如果这两个值相同（===），则由于初始化而调用了侦听器

我知道这个问题已经回答，但是我有一个建议：

$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;

只需验证新值的状态即可：

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