AngularJS와 지침

Question

나는 내 AngularJS- 응용 프로그램에서 다음과 같은 HTML 코드가 있습니다

<a href="/api/schedulerecordexcel/{{vm.reportInstitution.id}}/{{vm.reportUser.id}}/{{vm.reportYear}}/{{vm.reportMonth}}"><img src="./Excel.PNG" alt="excel" /></a> 

및이 잘 작동합니다. 이 코드는 매우 자주 필요하므로 지시문을 작성하기로 결정했지만 지시문을 작성한 경험이 거의 없습니다. 이것은 내 첫 번째 방법입니다 :

(function() { 
'use strict'; 

angular 
    .module('myApplication.common') 
    .directive('asExcelDownload', asExcelDownload); 

function asExcelDownload() { 
    var directive = { 
     restrict: 'E', 
     link: link 
    }; 

    return directive; 

    //////////// 

    function link(scope, element, attrs) { 
     // TODO 
    } 
} 
})(); 

내가 권리를하고있는 중이 야 (이 기능은 괜찮 경우) 링크 기능에 무엇을하면 누군가 나에게 어떤 힌트를 줄 수 있습니까?

Answer 1

이 작업을 시도 할 수 있습니다 :

angular.module('myApplication.common').directive('asExcelDownload', function() { 
    return { 
     restrict: 'E', 
     scope: { 
      vm: '=' 
     }, 
     template: '<a ng-href="/api/schedulerecordexcel/{{vm.reportInstitution.id}}/{{vm.reportUser.id}}/{{vm.reportYear}}/{{vm.reportMonth}}"><img src="./Excel.PNG" alt="excel" /></a>' 
     }; 
    }); 

사용법 :

<asExcelDownload vm="vm"></asExcelDownload>