Skip to content

An angular component for Angular 4+ for creating 1-D barcodes based on Lindell's JsBarcode

Notifications You must be signed in to change notification settings

yobryon/ngx-barcode

Repository files navigation

ngx-barcode

ngx-barcode

A barcode component for Angular4+.


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

About

An angular component for Angular 4+ for creating 1-D barcodes based on Lindell's JsBarcode

Resources

Stars

Watchers

Forks

Packages

No packages published