Coming soon...
Install through npm:
npm install --save quagga ngx-barcode-scanner
//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 {}
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;
}
}
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.
Run npm run test
to execute the unit tests via Karma.
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
.
Run npm run build
to build the project. The build artifacts will be stored in the dist/
directory.
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
- 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
Access to the camera is restricted on iOS when running in a Progressive Web App. Live streaming will not work in this case.
MIT