All Projects → isonet → angular-barcode

isonet / angular-barcode

Licence: MIT license
An angular directive for lindell's JsBarcode

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to angular-barcode

angular-mapboxgl-directive
AngularJS directive for Mapbox GL
Stars: ✭ 43 (+72%)
Mutual labels:  angularjs, bower, directive
Angular Translate
Translating your AngularJS 1.x apps
Stars: ✭ 4,414 (+17556%)
Mutual labels:  angularjs, bower
angular-material-boilerplate
A straightforward and well structured boilerplate based on Google's Angular Material project.
Stars: ✭ 28 (+12%)
Mutual labels:  angularjs, eslint
Angular Datepicker
Angularjs datepicker module, generate a datepicker on your input element - https://720kb.github.io/angular-datepicker
Stars: ✭ 486 (+1844%)
Mutual labels:  angularjs, directive
Efqrcode
A better way to operate QR Code in Swift, support iOS, macOS, watchOS and tvOS.
Stars: ✭ 4,121 (+16384%)
Mutual labels:  barcode, barcode-generator
Generator Fountain Webapp
Yeoman 'fountain' generator to start a webapp
Stars: ✭ 985 (+3840%)
Mutual labels:  eslint, bower
Angular Tooltips
Angularjs tooltips module, add tooltips to your elements - https://720kb.github.io/angular-tooltips
Stars: ✭ 357 (+1328%)
Mutual labels:  angularjs, directive
angular-simple-slider
An AngularJS directive providing a simple slider functionality
Stars: ✭ 15 (-40%)
Mutual labels:  angularjs, directive
barcode.flutter
barcode generate library for Flutter
Stars: ✭ 58 (+132%)
Mutual labels:  barcode, barcode-generator
barcode-java
Java Barcode Image Generation Library
Stars: ✭ 18 (-28%)
Mutual labels:  barcode, barcode-generator
Jsbarcode
Barcode generation library written in JavaScript that works in both the browser and on Node.js
Stars: ✭ 4,198 (+16692%)
Mutual labels:  barcode, barcode-generator
angular-downloader
Angular Downloader is an angularjs directive that enables you to manage browser download - https://720kb.github.io/angular-downloader
Stars: ✭ 16 (-36%)
Mutual labels:  angularjs, directive
barcoder
Lightweight Barcode Encoding Library for .NET Framework, .NET Standard and .NET Core.
Stars: ✭ 76 (+204%)
Mutual labels:  barcode, barcode-generator
ng-webcam
ngWebcam is an AngularJS directive for capturing images from your computer's camera, and delivering then to you as data uri.
Stars: ✭ 14 (-44%)
Mutual labels:  angularjs, bower
barcoder
A classy package to generate SVG barcodes for the web.
Stars: ✭ 64 (+156%)
Mutual labels:  barcode, barcode-generator
Angular Loading Feedback
Angular directive to indicate loads in app
Stars: ✭ 8 (-68%)
Mutual labels:  angularjs, bower
project-manager-laravel
Project manager system - PHP and AngularJS
Stars: ✭ 17 (-32%)
Mutual labels:  angularjs, bower
glide-barcode
GlideBarcode is an open-source barcode loading extension for Android Glide that wraps barcode generating and displaying.
Stars: ✭ 24 (-4%)
Mutual labels:  barcode, barcode-generator
bradgarropy.com
🏠 my home on the web
Stars: ✭ 58 (+132%)
Mutual labels:  eslint
chakram
Generic Web App for GDG Events
Stars: ✭ 39 (+56%)
Mutual labels:  angularjs

angular-barcode npmlicenceCodacy grade

Check out the demo!

NPM registry

An angular directive for Lindell's JsBarcode

Installation

Install with NPM

npm install --save angular-barcode

Import

import 'angular-barcode';

Or include the script in your code

<script src="node_modules/angular-barcode/dist/angular-barcode.js"></script>

Add it as a module to angular

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

Usage

Default values:

<angular-barcode ng-model="txt" bc-options="bc" bc-class="barcode" bc-type="svg"></angular-barcode>

or

<angular-barcode ng-model="txt" bc-options="bc" bc-class="barcode" bc-type="img"></angular-barcode>

or

<angular-barcode ng-model="txt" bc-options="bc" bc-class="barcode" bc-type="canvas"></angular-barcode>

with $scope.bc:

$scope.bc = {
    format: 'CODE128',
    lineColor: '#000000',
    width: 2,
    height: 100,
    displayValue: true,
    fontOptions: '',
    font: 'monospace',
    textAlign: 'center',
    textPosition: 'bottom',
    textMargin: 2,
    fontSize: 20,
    background: '#ffffff',
    margin: 0,
    marginTop: undefined,
    marginBottom: undefined,
    marginLeft: undefined,
    marginRight: undefined,
    valid: function (valid) {
    }
}

-Take a look at the example/index.html file.

For more details you should definitely check out JSBarcode's Wiki!

Dev / Other

This package is written in ES2015 and uses webpack for bundling.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].