我有一个指令,我在指令范围的“现有文件”模型上添加了一个监视。当模型通过 scope.$apply 发生变化时,watch 中不会调用 listener。
这是指令代码,如果我在这里遗漏了什么,请告诉我,
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
};
})
这是我对指令的调用,
<div fileupload-plugin ng-model="existingfiles"></div>
请让我知道如何确保正确观看该模型