@greatcloak/ngx-barcode
v2.14.1
Published
Angular v13+ compoent for creating 1-D barcodes based on Lindell's JsBarcode. Repackaged and updated version of ngx-barcode.
Downloads
1,126
Readme
Changes vs ngx-barcode
This repository is a repackaged and updated version of ngx-barcode.
- Updated for angular 13+
- Repackaged using angular cli for more efficient distribution files and standardized builds
- Updated jsbarcode to latest 3.11.5+ with modern
import
statements
Install via
npm i --save @greatcloak/ngx-barcode
Original
An angular component for Angular 13+ for creating 1-D barcodes based on Lindell's JsBarcode.
This is an updated and repackaged version of the original ngx-barcode. We have repackaged using the angular cli and angular v9.
Benefits over ngx-barcode
- Repackaged using angular cli instead of custom build
- Easy to upgrade via
ng update
- Standard build process
- Easy to upgrade via
- Uses latest angular v9
- Actively updated to newer versions since this is used in live production apps. Typically updated a few weeks after each major angular release.
- Minor improvements as needed
Features
Compatible with original ngx-barcode(just change imports)
Repackaged using angular cli and updated to support angular v9
supports all barcode formats provided by JsBarcode
- CODE128
- EAN
- CODE39
- ITF-14
- MSI
- Pharmacode
- Codabar
Installation
To use ngx-barcode in your project, install it via npm:
$ npm install --save @greatcloak/ngx-barcode
Usage
Import the NgxBarcodeModule into your desired module:
import { BrowserModule } from '@angular/platform-browser'
import { NgModule } from '@angular/core'
import { AppComponent } from './app.component'
// Import ngx-barcode module
import { NgxBarcodeModule } from '@greatcloak/ngx-barcode'
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, NgxBarcodeModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
Once the library is imported, you can use the ngx-barcode component in your Angular application:
<!-- Adding a barcode in app.component.html -->
<h1>
{{title}}
</h1>
<ngx-barcode [bc-value]="value" [bc-display-value]="true"></ngx-barcode>
Development
To build the @greatcloak/ngx-barcode
library using the angular cli use the following command.
npm run build
New Release
To build and publish a new version run the following script.
./build-prod-publish.sh
Demo
We do not maintain a demo of this new version however you can look at the oriignal project's demo page to get an idea of what this does.
Basic demo.
License
MIT © Bryon Williams