Example for Github.io

Author: werthdavid

docs/config.js

@@ -38,7 +38,7 @@ System.config({
     'sharp': 'npm:sharp',
     'text-encoding': 'npm:[email protected]/lib/encoding.js',
     'typescript': 'npm:[email protected]/lib/typescript.js',
-    '@zxing/ngx-scanner': 'npm:@zxing/ngx-scanner@latest/bundles/zxing-ngx-scanner.umd.js',
+    '@zxing/ngx-scanner': 'npm:@zxing/ngx-scanner@latest/bundles/ngx-scanner.umd.js',
     '@zxing/library': 'npm:@zxing/library@latest'
   },
   //packages defines our app package

docs/src/app.component.html

@@ -7,7 +7,7 @@
 
 <div [hidden]="!hasCameras">
 
-  <ngx-zxing #scanner class="test-class" start="true" [device]="selectedDevice" (scanSuccess)="handleQrCodeResult($event)"></ngx-zxing>
+  <zxing-scanner #scanner class="test-class" start="true" [device]="selectedDevice" (scanSuccess)="handleQrCodeResult($event)"></zxing-scanner>
 
   <h2 *ngIf="!this.selectedDevice">No camera selected.</h2>
 

docs/src/app.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { NgxZxingModule } from '@zxing/ngx-scanner';
+import { ZXingScannerModule } from '@zxing/ngx-scanner';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { AppComponent } from './app.component';
@@ -10,7 +10,7 @@ import { AppComponent } from './app.component';
     BrowserModule,
     FormsModule,
     CommonModule,
-    NgxZxingModule.forRoot()
+    ZXingScannerModule.forRoot()
   ],
   declarations: [AppComponent],
   bootstrap: [AppComponent]