An angular component for Angular 4+ for creating 1-D barcodes based on Lindell's JsBarcode.
Demo
Basic demo.
Features
- 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 ngx-barcode --save
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 '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 generate all *.js, *.d.ts and *.metadata.json files:
$ npm run build
To lint all *.ts files:
$ npm run lint
License
MIT © Bryon Williams