ionic生成二维码

版权声明：本文为作者原创，转载请注明出处。 https://blog.csdn.net/vop444/article/details/82817592

html：

<ion-header>
  <ion-navbar>
    <ion-title>我的二维码</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-card *ngIf="createdCode">
    <ngx-qrcode [qrc-value]="createdCode"></ngx-qrcode>
    <ion-card-content>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 扫一扫上方的二维码图案,可以给我加分哦		     
      </p>
    </ion-card-content>
  </ion-card>

</ion-content>

ts：

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
// import { BarcodeScanner } from '@ionic-native/barcode-scanner';

@Component({
  selector: 'page-mycode',
  templateUrl: 'mycode.html',
})
export class MycodePage {
  qrData = null;
  createdCode = null;
  scannedCode = null;
  loginID='';
  constructor(public navCtrl: NavController, 
              public navParams: NavParams,
              // private barcodeScanner: BarcodeScanner 
            ) {
  }
  
  createCode() {
    this.loginID = localStorage.getItem('userId');
    this.createdCode = this.loginID;
  }

  ionViewDidLoad() {
    this.createCode() ;
  }
}

app.Model.ts引用：

// 引入二维码插件
import { NgxQRCodeModule } from 'ngx-qrcode2';
import { BarcodeScanner } from '@ionic-native/barcode-scanner';

  imports: [
    //引入二维码
    BrowserModule,
    NgxQRCodeModule,
    ChartsModule, 
  ],