离子-条形码扫描器返回[object Object]

Question

在离子应用程序中，我使用了Barcode Scanner，但扫描后返回：[object Object]

下面是我的代码：

import { Component } from '@angular/core';
import {BarcodeScanner} from '@ionic-native/barcode-scanner/ngx';


@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {  
scannedCode="dd";   
  constructor(private barcodeScanner:BarcodeScanner) {}

   scanCode(){
     this.barcodeScanner.scan().then(barcodeData=>{
         this.scannedCode=barcodeData;
     })
   }

}

Answer 1

返回类型实际上是一个对象。您必须在text属性中获取文本编码值：

scanCode()
{
    this.barcodeScanner.scan().then(
      barcodeData => {
        this.scannedCode=barcodeData.text;
      }
    )
}

下一次，当你从某个变量中获取[object Object]时，尝试通过控制台登录来查看它的内容。

console.log(barcodeData);

Answer 2

尝尝这个。它以object的形式返回，并且您正在尝试以string的形式加载。

export class HomePage {  
  scannedCode:any = {} as any;   
  constructor(private barcodeScanner:BarcodeScanner) {}
  scanCode()
     {
        this.barcodeScanner.scan().then( barcodeData => {
           this.scannedCode=barcodeData;
           console.log(this.scannedCode);
        });
     }
}