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

时间:2015-02-10 22:05:59

标签: angularjs angularjs-directive

我正在使用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 lib在第46行翻出:

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

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

1 个答案:

答案 0 :(得分:3)

我是个白痴我错过了条形码样式的JS lib。 DERP。