ฉันจะละเว้นการโหลดเริ่มต้นเมื่อดูการเปลี่ยนแปลงโมเดลใน AngularJS ได้อย่างไร

ฉันมีหน้าเว็บที่ทำหน้าที่เป็นตัวแก้ไขสำหรับเอนทิตีเดียวซึ่งอยู่ในรูปกราฟลึกในคุณสมบัติ $ scope.fieldcontainer หลังจากที่ฉันได้รับการตอบกลับจาก REST API ของฉัน (ผ่าน $ resource) ฉันเพิ่มนาฬิกาใน '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 ที่สกปรก" ของฉันด้วย "if (dirtyCount> 0)" ...

ตั้งค่าสถานะก่อนโหลดครั้งแรก

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 docs แนะนำให้จัดการ :

หลังจากผู้สังเกตการณ์ลงทะเบียนกับขอบเขตผู้ฟัง 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
      }
});