ข้อขัดแย้งในการทริกเกอร์ช่วงการคลิกและดูลำดับเหตุการณ์ในกล่องข้อความและรุ่นกล่องกาเครื่องหมายในแอปพลิเคชัน Angularjs

มีปัญหาบางอย่างที่คุณไม่ได้กล่าวถึง เช่น: -ฉันสามารถป้อนข้อความได้โดยไม่ต้องคลิก (ใช้แท็บแทน)

ดังนั้นควรใช้ ng-change ดีกว่า แล้วคุณจะไม่ต้องเสียเวลา needWatch หรือทำให้นาฬิกาทำงานดังนี้:

 $scope.$watch('checkboxModel', function(newval, oldval) {
   if (newval != oldval) {
       console.log('watch', newval, oldval);
   }
 }, true); 

ใน Angular ผู้ฟัง $watch จะถูกส่งผ่านค่า newValue และค่า oldValue ที่เป็นตัวหนาสำหรับนิพจน์ watch

หากเป้าหมายคือการหลีกเลี่ยงการรันฟังก์ชันแบบกำหนดเองของคุณในระหว่างการเริ่มต้น ให้เปรียบเทียบค่าของ oldValue และ newValue หากเท่ากัน นาฬิกาจะถูกเรียกในระหว่างการเริ่มต้น และฟังก์ชันที่คุณกำหนดเองไม่ควรทำงาน

เอกสารเชิงมุมแนะนำว่านี่เป็นวิธีมาตรฐานในการจัดการวงจรการเริ่มต้น: https://docs.angularjs.org/api/ng/type/$rootScope.Scope

ตัวอย่าง:

$scope.model = { textbox: '', checkbox: false };

$scope.$watch( 'model.textbox', function( newValue, oldValue {
    if( newValue === oldValue )
        return;

    customFunction( newValue );
});

$scope.$watch( 'model.checkbox', function( newValue, oldValue ){
    if( newValue === oldValue )
        return;

    customFunction( newValue );
});

function customFunction( value ){
    console.log( "new value: " + value );
}