使用qr代码在ionic 2中打开内部页面

Question

我是离子2和cordova开发的新手，我正在测试cordova插件“条形码扫描器”，看看我能用它做些什么。我想使用该插件从我的应用程序中的内部页面读取包含链接的QR码，然后打开此页面。

我尝试过this.navCtrl.push，但我不知道为什么它没有用。这是我的代码：

       click(){
         this.barcodeScanner.scan().then((barcodeData) => {
           this.navCtrl.push(barcodeData.text, data);
         }, (err) => {
              alert('Error');
         });
       }

提前致谢。

Answer 1

首先安装此插件。

$ ionic plugin添加phonegap-plugin-barcodescanner

$ npm install --save @ ionic-native / barcode-scanner

你可以从中导入它

“从'@ ionic-native / barcode-scanner'导入{BarcodeScanner};”

然后在.html中创建一个类似“扫描”的单击按钮，并在.ts文件中对此进行编码

click() {
BarcodeScanner.scan()
.then((result) => {
if (!result.cancelled) {
      const barcodeData = new BarcodeData(result.text, result.format);
      this.scanDetails(barcodeData);
    }
  })
  .catch((err) => {
   alert(err);
  })
 }

Now just feed the link which you need to open in QRcode and scan it..