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>

用于下载excel文件的AngularJS指令

1 个答案: