Angularjs dropzone, variable out of context - angularjs

Question

I'm trying to bind a variable to detect the upload progress of the dropzone queue but for some reason my control variable $scope.dropzone.sFileUploading jumps out of context when I alter it and angular doesn't update the template
Here is my controller:
angular.module('DBDescriptorApp')
.controller('DesignerController', ['$scope', '$rootScope', 'user',
function($scope, $rootScope, user) {
$rootScope.currentNav = 'designer';
$rootScope.currentUser = user.data;
$scope.$watch('dropzone', function (value) {
if(value != undefined) {
$scope.dropzone.sFileUploading = false;
$scope.dropzone.on('addedfile', function(file) {
$scope.dropzone.sFileUploading = true;
});
}
});
$scope.dropzoneConfig = {
url : 'dropzone',
parallelUploads : 3,
uploadMultiple : true,
maxFileSize : 30,
addRemoveLinks : 'dictCancelUpload'
};
}]);
Here is my template:
<div ng-include="'dist/templates/header.html'"></div>
<div class="container-fluid">
<div class="row-fluid">
<div class="col-md-12">
DESGINER
<hr/>
<form class="dropzone" method="post" enctype="multipart/form-data" ng-dropzone dropzone="dropzone" dropzone-config="dropzoneConfig">
</form>
<div ng-show="dropzone.sFileUploading">UPLOADING!</div>
</div>
</div>
</div>

Answer 1

I manage to update the scope using $apply(), and placed all in init as the Dropzone Docs suggested, here is the code:
$scope.dropzoneConfig = {
init : function() {
this.on('addedfile', function() {
$scope.$apply(function() {
$scope.filesUploading = true;
});
});
},
url : 'dropzone',
parallelUploads : 3,
uploadMultiple : true,
maxFileSize : 30,
addRemoveLinks : 'dictCancelUpload'
};