$ đồng hồ không hoạt động khi mô hình được cập nhật trong phạm vi. $ Áp dụng trong chỉ thị

Question

tôi có chỉ thị trong đó tôi đã thêm đồng hồ vào mô hình 'existingfiles' của phạm vi chỉ thị. Khi có thay đổi trong mô hình thông qua phạm vi. $ Áp dụng, không có cuộc gọi đến người nghe trong đồng hồ.

Đây là mã chỉ thị, vui lòng cho tôi biết nếu tôi đang thiếu một cái gì đó ở đây,

directive('fileuploadPlugin', function() { 
    var linkFn; 
    linkFn = function(scope, element, attrs) { 
     angular.element(element).ready(function() { 
      jQuery('#fileupload').fileupload({ 
       done: function (e, data) { 
        scope.$apply(function(scope) { 
         for(var i=0; i < data.result.filesuploaded.length; i++){ 
             scope.existingfiles.push(data.result.filesuploaded[i]); 
        };        
        }); 
       } 
     }); 
     scope.$watch('existingfiles', function(newValue, oldValue) { 
       element.imagesLoaded(function() { 
       scope.$apply(function() { 
        element.masonry({ 
         itemSelector : '.box' 
        }); 
       }); 
      }); 
     }); 
    }; 
    return { 
     templateUrl : 'templates/fileupload_plugin.htm', 
     restrict : 'A', 
     scope  : { 
      existingfiles : '=ngModel', 
     }, 
     link  : linkFn 
    }; 
    }) 

Đây là cuộc gọi của tôi để chỉ thị,

<div fileupload-plugin ng-model="existingfiles"></div> 

Vui lòng cho tôi biết làm thế nào để đảm bảo mô hình đó được xem đúng cách

Answer 1

Sự cố đã được giải quyết bằng cách cho 'true' làm thông số thứ ba của $ watch call. Hãy tìm thấy ở đây, càng có nhiều thông tin về thông số thứ ba,

Angular Docs on $rootScope