$rootScope.$apply() and terrible performance with multiple files

[maurycyg]

I've an application where I use file uploader 2.3.4 at some point, I noticed a drop in performance while a list of just 50 items was loaded at the same time. After digging a bit I found that this line is called https:/nervgh/angular-file-upload/blame/master/src/services/FileUploader.js#L342 causing ALL the watchers to be fired way too often. This should be handled differently. In my case, I could remove the _render as uploader renders properly and now adding 300+ files has no hiccups

[nervgh]

You could just override the _render method:

let uploader = new FileUploader(/* options */);

uploader._render = function() {
    // $scope is your scope
    if(!$scope.$$phase) $scope.$apply();
};

Also you could improve docs about performance issues.

[nervgh]

https:/nervgh/angular-file-upload/wiki/FAQ#11-performance-issues

[maurycyg]

Thanks, I'll create extended document on the performance