Package Exports

ngx-barcode-scanner

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ngx-barcode-scanner) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ngx-barcode-scanner component

Demo
Installation
Usage
Development
License

Demo

Coming soon...

Installation

Install through npm:

npm install --save quagga ngx-barcode-scanner

Usage

Module imports

//demo.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { BarecodeScannerLivestreamModule } from 'ngx-barcode-scanner';
import { Demo } from './demo.component';

@NgModule({
    declarations: [Demo],
    imports: [
        BrowserModule,
        BarecodeScannerLivestreamModule
    ],
    bootstrap: [Demo]
})
export class DemoModule {}

BarcodeScannerLivestreamComponent

This component creates a barcode scanner

//demo.component.ts
import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { BarecodeScannerLivestreamComponent } from 'ngx-barcode-scanner';


@Component({
  selector: 'demo-app',
  template: `
    <barcode-scanner-livestream type="code_128" (valueChanges)="onValueChanges($event)"></barcode-scanner-livestream>
    <div [hidden]="!barcodeValue">
        {{barcodeValue}}
    </div>
  `
})
export class Demo implements AfterViewInit{
    
    @ViewChild(BarecodeScannerLivestreamComponent)
    barecodeScanner: BarecodeScannerLivestreamComponent;
    
    barcodeValue;
    
    ngAfterViewInit() {
        this.barecodeScanner.start();
    }

    onValueChanges(result){
        this.barcodeValue = result.codeResult.code;
    }
}

Development

Development server

Open a command line and run ng build ngx-barcode-scanner --watch for incremental build of the library

Run npm run start for a dev server, on the example app. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Running unit tests

Run npm run test to execute the unit tests via Karma.

Running end-to-end tests

Run npm run e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.

Package

Run npm run package to package the project. The project can then be installed with npm install <relative_dir>/dist/ngx-barcode-scanner/ngx-barcode-scanner-<version>.tgz

Release

Bump the version in package.json
Commit and push to github
Login to your npm account with npm login
Publish to npm repository with npm run release

Known issues

Access to the camera is restricted on iOS when running in a Progressive Web App. Live streaming will not work in this case.

License

MIT