title: ng-show not working in a directive
body: <p>I can't get ng-show on my spinningElement to work. I have an isolated scope, for the directive, but since it is an element inside I'd think it should work?</p>
  
  <p>Anyone have an Idea of what I am doing wrong?</p>
  
  <p>Code snippet:</p>
  
  <pre><code>angular.module('lr.upload.directives').directive('uploadButton', [
      'upload',
      function(upload) {
          return {
              restrict: 'EA',
              scope: {
                  data: '=?data',
                  url: '@',
                  param: '@',
                  method: '@',
                  onUpload: '&amp;',
                  onSuccess: '&amp;',
                  onUploadTest: '&amp;',
                  onError: '&amp;',
                  onComplete: '&amp;'
              },
              link: function(scope, element, attr) {
                  scope.uploading=false;
                  var el = angular.element(element);
                  var fileInput = angular.element('&lt;input type="file" /&gt;');
                  var spinningElement = angular.element('&lt;img ng-show="uploading" class="uploadSpinner" src="../../img/loading.gif" /&gt;');
                  el.append(fileInput);
                  el.append(spinningElement);
  </code></pre>
  
  <p><strong>Solution:</strong></p>
  
  <pre><code>angular.module('lr.upload.directives').directive('uploadButton', [
      'upload', '$compile',
      function(upload, $compile) {
          return {
              restrict: 'EA',
              scope: {
                  data: '=?data',
                  url: '@',
                  param: '@',
                  method: '@',
                  onUpload: '&amp;',
                  onSuccess: '&amp;',
                  onUploadTest: '&amp;',
                  onError: '&amp;',
                  onComplete: '&amp;'
              },
              link: function(scope, element, attr) {
                  scope.uploading = false;
                  var el = angular.element(element);
                  var fileInput = angular.element('&lt;input type="file" /&gt;');
                 var spinningElement = $compile('&lt;img ng-show="uploading" class="uploadSpinner" src="../../img/loading.gif" /&gt;')(scope);
                  el.append(fileInput);
                  el.append(spinningElement);
  </code></pre>