isonet / angular-barcode

An angular directive for lindell's JsBarcode

isonet

Paul Biester's simple personal webpage, isonet.fr.

angular-barcode's Issues

Cannot set property 'angular-barcode' of undefined

Hi, I have implemented this and working properly but only error i'm getting "Uncaught TypeError: Cannot set property 'angular-barcode' of undefined"

@isonet Kindly provide solutions for that?

How to use valid function

Hi, I would like to validate if my barcode is valid or not, but I don't know how to fire the valid function. Could you show an example?

No bower file with the property main

Hello, great library!!
I use yeoman, and I installed angular-barcode with:
bower install angular-barcode-es6 --save
When I run grunt serve, It crashes, and it is because there's no file bower.json with the important param:
"main": "dist/angular-barcode.js",
I created it manually, and my project works again, but when I have to make a
bower install to my project again, I will have to create the bower file again, and It's a problem.
Can you fix this please!!!

PD:
Write in your description the way to install with bower, that would be great.
Sorry my english.

Information about use / examples in README

First I want to say thanks for making JsBarcode available to use in more than the standard way 😄
But the information in the README is a bit sparse and some information about how to use the library should be added.

'Barcode is not available' error

At first, I used angular-barcode module as 1.2.5 version.
Today, I update as 1.4.2 version, I can see below error sentence in console

Module 'barcode' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

So. I down-graded it as 1.2.5. That version is working well.
I use this module by using below step.

npm install --save angular-barcode
angular.module('MyExampleApp', ['barcode']);

Please check about it.
If you want to know other informs. Please comments.
Thanks.

versions support

does it support also devices with old versions like android 4.3? it's not working there.

Please add to bower library

It's good to add to bower library.
I can not find this lib, and the latest I can use is angular-barcode from justechn that stops nearly a year.
And I found an issue with this when print out, the barcode still be blurry in Chrome.

Check environment

Before I could see the barcode in IE10 and IE11
But now, I can not see it.
I want to know specification on browser.

Question about barcode of long size

Sometimes, I use very long text of barcode. (about 31)
Then, barcode's width is too long to show in mobile screen.

[length: 10]

[length:30]

I look into barcode's markup.
There is always 4px gap each barcode.

If length of text is 31, just gap size is 30 * 4 = 120px.

Is there any option for long text?

Not working when reactively changing settings

Say you want to change height:

<barcode bc-height="{{$scope.bcHeight}}"></barcode>
<button ng-click="$scope.bcHeight=30">Height 30</button>
<button ng-click="$scope.bcHeight=60">Height 60</button>

Won't work

Export PDF

Hello,
With my angular loop

<div id="contentOneBarCode" ng-repeat="n in [].constructor(16) track by $index" class="wp90 {{classOneBarCode}}">
    <angular-barcode ng-model="myBarCode" bc-options="bc" bc-class="barcode" bc-type="canvas" class="wp25 left"></angular-barcode>
</div>

Have you trying to export PDF, width pdfMake and html2canvas for example like this :
`

html2canvas(document.getElementById('contentOneBarCode'), {
                    onrendered: function (canvas) {
                        var data = canvas.toDataURL();
                        var docDefinition = {
                            content: [{
                                image: data,
                                width: 500,
                            }]
                        };
                        pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
                    }
                });

`
I have this message :
Uncaught invalid image, images dictionary should contain dataURL entries (or local file paths in node.js)

Implement unit tests

https://docs.angularjs.org/guide/unit-testing

How to add text in top and bottom of barcode like alternative text ?

I want to add text in top and bottom of the barcode that just alternative text, not barcode value. I know we can add alternative text either top or bottom but I want to add it in both places.
I am using angular-barcode which uses this library

lindell/JsBarcode#225
Refer