Làm cách nào để bỏ qua tải ban đầu khi xem các thay đổi mô hình trong AngularJS?

Tôi có một trang web đóng vai trò là trình soạn thảo cho một thực thể duy nhất, nằm dưới dạng biểu đồ sâu trong thuộc tính $ scope.fieldcontainer. Sau khi tôi nhận được phản hồi từ API REST (thông qua tài nguyên $), tôi thêm đồng hồ vào 'người điều khiển trường'. Tôi đang sử dụng đồng hồ này để phát hiện xem trang / thực thể có "bẩn" không. Ngay bây giờ tôi đang làm cho nút lưu bị trả lại nhưng thực sự tôi muốn làm cho nút lưu trở nên vô hình cho đến khi người dùng điều chỉnh mô hình.

Những gì tôi nhận được là một kích hoạt duy nhất của đồng hồ, điều mà tôi nghĩ đang xảy ra bởi vì .fieldcontainer = ... việc chuyển nhượng diễn ra ngay sau khi tôi tạo đồng hồ. Tôi đã nghĩ đến việc chỉ sử dụng một tài sản "DirtCount" để hấp thụ báo động sai ban đầu nhưng cảm giác rất khó chịu ... và tôi nghĩ rằng phải có một cách "thành ngữ góc cạnh" để đối phó với điều này - tôi không phải là người duy nhất sử dụng đồng hồ để phát hiện một mô hình bẩn.

Đây là mã nơi tôi đặt đồng hồ:

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

Tôi chỉ nghĩ rằng phải có một cách sạch hơn để làm điều này hơn là bảo vệ mã "UI bẩn" của tôi bằng một "if (DirtCount> 0)" ...

đặt cờ ngay trước tải ban đầu,

var initializing = true

và sau đó khi chiếc đồng hồ $ đầu tiên cháy, hãy làm

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

Cờ sẽ bị xé xuống vào cuối chu kỳ tiêu hóa hiện tại, vì vậy thay đổi tiếp theo sẽ không bị chặn.

Lần đầu tiên người nghe được gọi, giá trị cũ và giá trị mới sẽ giống hệt nhau. Vì vậy, chỉ cần làm điều này:

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

Đây thực sự là cách các tài liệu Angular khuyên bạn nên xử lý nó :

Sau khi người theo dõi được đăng ký với phạm vi, fn của người nghe được gọi là không đồng bộ (thông qua $ evalAsync) để khởi tạo trình theo dõi. Trong những trường hợp hiếm hoi, điều này là không mong muốn vì người nghe được gọi khi kết quả của watchExpression không thay đổi. Để phát hiện kịch bản này trong fn của người nghe, bạn có thể so sánh newVal và oldVal. Nếu hai giá trị này giống hệt nhau (===) thì trình nghe được gọi do khởi tạo

Tôi nhận ra câu hỏi này đã được trả lời, tuy nhiên tôi có một gợi ý:

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

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

Sử dụng cờ hoạt động nhưng có một chút mùi mã cho nó bạn không nghĩ?

Trong quá trình tải ban đầu của các giá trị hiện tại, trường giá trị cũ không được xác định. Vì vậy, ví dụ dưới đây giúp bạn loại trừ tải ban đầu.

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

Chỉ cần xác nhận trạng thái của val mới:

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