一次扫描多个条形码，当用户完成扫描并存储结果时，条形码应返回屏幕

Question

我正在用ion3开发一个移动条形码扫描器应用程序，目标是android和iOS设备，但现在我被困在这里了。在应用程序中，我必须扫描条形码并显示它。最初的要求是只针对一个产品，但现在根据新的要求，应用程序应该允许用户一次扫描多个条形码，当用户完成扫描并将结果存储在现有的div(数组)中时，它应该返回屏幕。我已经成功地使用以下代码在页面中显示了一个产品的条形码扫描结果：

scan()  
 {   
   this.options = {
   prompt : "Scan your barcode"
  }
   this.barcodeScanner.scan(this.options).then((barcodeData) => {   
   console.log(barcodeData);     
   this.scanData = barcodeData.text;   
   },(err) => {    
     console.log("Error occurred : " + err);    
  });    
  } 

您能帮我在that....how中一次扫描多个条形码吗

Answer 1

我会让scan返回一个包含结果的promise，并将其存储在一个数组中，然后循环通过该数组来呈现结果。

如下所示：

scan(){
  return new Promise((resolve, reject)=>{
    this.options = {
      prompt : "Scan your barcode"
    }
    this.barcodeScanner.scan(this.options).then((barcodeData) => {   
      resolve(barcodeData.text);   
    },(err) => {    
      reject(err);    
    });    
  })
}

像这样使用：

const scans=[]

{
   scan().then((scanData)=>{
     scans.push(scanData);
     renderScanList(scans) //you can figure this part out
   })
   .catch(err=>{/*display error*/})
}