Only QR-codes can be scanned. Not e.g EAN13.

The scanner in my app can’t recognize any barcodes - except for QR codes. I have tried to configure the ZXingScannerComponent to enable EAN13 Barcodes:

//TS file
formatsEnabled: BarcodeFormat[] = [BarcodeFormat.EAN_13];

//template
<zxing-scanner
  #scanner
  [torch]="torchEnabled"
  [(device)]="currentDevice"
  (scanSuccess)="onCodeResult($event)"
  [formats]="formatsEnabled"
...

And I can confirm this configuration by logging the formats in the AfterViewInit method:

 @ViewChild('scanner') scanner: ZXingScannerComponent;

 ngAfterViewInit(): void {
    console.log(this.scanner.formats); //prints only 7, which is EAN_13
  }

However, the scanner still doesn’t recognize EAN_13 barcodes but does still recognize QR-codes even though QR codes are not enabled. I have also tried to enable almost all barcode types, but still, the scanner will only recognize QR-codes. 😕

I am using the following versions: "@zxing/ngx-scanner": "^3.0.0" and "@angular/core": "~9.1.4",

Any thoughts on what might be wrong here?

[anderswalther]

We got it working by having the zxing-scanner component as a viewchild. It is not super pretty but maybe that will also work for you…:

TEMPLATE: <zxing-scanner #scanner … …

</zxing-scanner>

COMPONENT:

enabledFormats: BarcodeFormat[] = [
  BarcodeFormat.CODE_128,
  BarcodeFormat.CODE_39,
  BarcodeFormat.EAN_13,
  BarcodeFormat.ITF,
];
@ViewChild('scanner') scanner: ZXingScannerComponent;
ngAfterViewInit(): void {
  setTimeout(() => {
    /* we need to force the component to set the enabled formats. Binding doesn't work.
       Must happen after the scanner component has been initialized
    */
    this.scanner.formats = this.enabledFormats;
  }, 3000);
}

[artursoareshsv]

The solution above worked fine, but made the performance decrease. Is it possible to set on the lib all the formats as default in order to mitigate this bug?