Угловая директива и область применения

Question

У меня возникла следующая проблема.

У меня есть следующий код на мой взгляд

<a class="btn btn-hero" confirmation-download-all 
ng-if="downloadPackageLink"><i class="fa fa-download" aria-hidden="true"></i> {{signDocumentDownloadAllButton}}</a> 

и у меня есть директиву

function confirmationDownloadAll(deviceDetector) { 
    return { 
     restrict : 'A', 
     priority : 1, 
     terminal : true, 
     scope : { 
      signDocumentDownloadAllButton : '=', 
     }, 
     link : function (scope, element, attr) { 
      var clickAction = attr.ngClick; 
      element.bind('click', function (event) { 
       event.preventDefault(); 
       if (scope.deviceDetector.os == 'ios') { 
        var sweetOptions = { 
         title : scope.signDocumentDownloadAllNotificationTitleIOS, 
         text : scope.signDocumentDownloadAllNotificationMessageIOS, 
         type : "warning", 
         showCancelButton : false, 
         confirmButtonColor : "#DD6B55", 
         confirmButtonText : scope.signDocumentDownloadAllButton, 
         closeOnConfirm : true 
        }; 
        swal(sweetOptions, 
         function (isConfirm) { 
         if (isConfirm) { 
          var downloadall = document.getElementById('hidden_downloadall'); 
          downloadall.click(); 
          //if (sweetConfirmOption) swal(sweetConfirmOption); 
          //if (attrs.sweetOnConfirm) scope.$evalAsync(attrs.sweetOnConfirm); 
         } 
        }); 
       } else { 
        var downloadall = document.getElementById('hidden_downloadall'); 
        downloadall.click(); 
       } 
      }); 
     } 
    }; 
} 

И моя проблема заключается в том, что на мой взгляд, текст, показывающий в кнопок {{signDocumentDownloadAllButton}}, вместо от $scope. signDocumentDownloadAllButton

Я считаю, что должно быть очень просто, но я начинаю отступать.

Answer 1

Здесь вы идете ....... Пробуйте этот комментарий указывает, где ваши изменения должны быть.

function confirmationDownloadAll(deviceDetector) { 
return { 
    restrict : 'A', 
    priority : 1, 
    terminal : true, 
    scope : { 
     signDocumentDownloadAllButton : '=', 
    }, 
    // you missed the below line $scope and not just scope 
    link : function ($scope, element, attr) { 
     var clickAction = attr.ngClick; 
     element.bind('click', function (event) { 
      event.preventDefault(); 
      if ($scope.deviceDetector.os == 'ios') { 
       var sweetOptions = { 
        title : $scope.signDocumentDownloadAllNotificationTitleIOS, 
        text : $scope.signDocumentDownloadAllNotificationMessageIOS, 
        type : "warning", 
        showCancelButton : false, 
        confirmButtonColor : "#DD6B55", 
        confirmButtonText : $scope.signDocumentDownloadAllButton, 
        closeOnConfirm : true 
       }; 
       swal(sweetOptions, 
        function (isConfirm) { 
        if (isConfirm) { 
         var downloadall = document.getElementById('hidden_downloadall'); 
         downloadall.click(); 
         //if (sweetConfirmOption) swal(sweetConfirmOption); 
         //if (attrs.sweetOnConfirm) $scope.$evalAsync(attrs.sweetOnConfirm); 
        } 
       }); 
      } else { 
       var downloadall = document.getElementById('hidden_downloadall'); 
       downloadall.click(); 
      } 
     }); 
    } 
}; 
}