title: AngularJs $scope.$apply not working as expected
body: <p>I am using this controll: <a href="http://blueimp.github.io/jQuery-File-Upload/angularjs.html" rel="noreferrer">http://blueimp.github.io/jQuery-File-Upload/angularjs.html</a> to do file uploading in angular, once the file is uploaded to my server I return a url and would like to display it to the client on the success callback. The plugin being used is just a normal jquery file upload but there is a angular directive wrapper provided which I'm using.</p>
  
  <p>Here's how I define the callback:</p>
  
  <pre><code>$scope.options = {
      url: '/api/Client/',
      type: 'PUT',
      done: function (event, data) {
          var scope = angular.element(this).scope();
          scope.test = "doesn't work";
          scope.$apply(function () {
              scope.test = "this doesn't work either";
          });
      }
  };
  </code></pre>
  
  <p>The file uploads fine, and the done function is called however I am unable to update the view. I initially tried by just changing scope, then I realised I would require the $apply() function but that isn't working either.</p>
  
  <p>I have also tried</p>
  
  <pre><code>$scope.options = {
      url: '/api/Client/',
      type: 'PUT',
      done: function (event, data) {
          $scope.test = "doesn't work";
          $scope.$apply(function () {
              $scope.test = "this doesn't work either";
          });
      }
  };
  </code></pre>
  
  <p>and that also doesn't work. I am not sure why it isn't updating my view, and as the done call is just an ajax success event I don't see how this specific plugin could be causing any issues with $scope.$apply. I am using AngularJs 1.1.5, but I have also tried 1.0.7 and am getting the same issue.</p>