2017-04-26 7 views
0

저는 이온 2 및 코드바 개발에서 새로운 제품입니다. 코드바 플러그인 "바코드 스캐너"를 테스트하여 제가 할 수있는 것을 확인합니다. 플러그인을 사용하여 내 앱의 내부 페이지에서 링크가 포함 된 QR 코드를 읽고이 페이지를 엽니 다.qr 코드를 사용하여 이온 페이지 2를 엽니 다.

나는 this.navCtrl.push로 시도했지만 왜 작동하지 않았는지 알지 못합니다. 사전에

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

감사 : 다음은 내 코드입니다.

+1

파일 .TS에서 .html 중에서 코드이에서 "검사"와 같은 클릭 버튼 뭔가를 만들 수 있습니다. – TriDiamond

답변

1

처음에이 플러그인을 설치합니다.,

$ 이온 플러그인/barcodescanner

당신에게 폰갭 - 플러그인 - barcodescanner이

$ NPM 이온 기본 @ --save를 설치 추가 가져올 수 있습니다.

"@code {@ ionic-native/barcode-scanner"의 가져 오기 {BarcodeScanner}

그런 다음 ionic3 lazyloader을 사용하거나 그것을 달성 할 수있는 딥 링크를 사용하여

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.. 
+0

javascript의 "window.open"처럼 작동합니까? 나는 자바 스크립트를 사용하여 이온이없는 플러그인을 사용해 보았지만 작동했지만 typescript는 다르므로 어떻게해야할지 모르겠다. –

+0

typescript는 JS의 상위 집합에 불과합니다. 내가 언급 한 코드는 .ts 파일로 잘 작동합니다. –