尝试制作一个使用 JsBarcode 的指令

Trying to make a directive that uses JsBarcode

我正在使用 https://github.com/lindell/JsBarcode 尝试使用如下指令将条形码插入页面:

<barcode data=studentData.pid></barcode>

它有相关指令:

.directive('barcode', function () {
return {
    restrict: 'EA',
    scope: {
            data: '='
        },
    template: '<canvas id=barcode></canvas>',
    link: function($scope, element, attrs, ngModel){
        canvas = element.find('canvas')
        JsBarcode(canvas[0], $scope.data);
    }

};

})

我确定数据已正确传递,但 JsBarcode 库在第 46 行出现故障:

var encoder = new window[options.format](content);

我将上面的指令作为一个指令,因为我知道你永远不应该将控制器内部的 DOM 作为最佳实践。任何帮助将不胜感激。

我是个白痴,我缺少条形码样式的 JS 库。德普