각도 지시문 및 범위

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(); 
      } 
     }); 
    } 
}; 
}