Using Plupload in a Angularjs $modal and the select files button doesn't work

[hunny-sketch]

I use the following method to open a dialog using angularjs $modal:

$scope.uploadFile = function(){
	var modalInstance = $modal.open({
		template: 'fileUploadDialog.html',
		controller: 'FileUploadController'
	});
};

And my controller looks like this:

app.controller('FileUploadController', function($scope){
	$scope.uploader = new plupload.Uploader({
		runtimes : 'html5,flash,silverlight,html4',
                browse_button: 'uploadBtn', 
                url: '/upload',
                filters: {
                    mime_types : [ 
                        { title : "Image files", extensions : "jpg,gif,png" }
                    ],
                    max_file_size : '2mb',
                    prevent_duplicates : true 
                }
	});
	$scope.uploader.init();
});

But, there is neither any response nor any kind of error when i click on the browse button。How can i fix it?
Thank you!

[jayarjo]

When your modal is ready, rendered and visible, try to call uploader.refresh().

You should have a handler attached to error event to capture one if it occurs.