扫描后删除QR码

时间:2017-10-04 08:01:10

标签: ionic2 qr-code

我已尝试在stackoverflow或在线搜索文档或搜索其他类似的问题,但它要么我没有正确搜索。我不知道如何在扫描后删除QRCode。 / p>

将其显示在< p>标签错了吗?

QR码是从未从数据库中获取的类型字符串生成的。

我是否需要运行数据库和脚本,并检查是否已读取QR码, 我错了吗?

//in my file.ts
createCode() {
this.createdCode = this.qrData;
}

我显示扫描QR的代码

//in my file.html
<ion-card *ngIf="createdCode">
  <ngx-qrcode [qrc-value]="createdCode"></ngx-qrcode>
    <ion-card-content>
      <p>Value: {{ createdCode}}</p>
  </ion-card-content>
</ion-card>

如果您有任何相关问题,请参考我,因为我无法确定几个小时的低谷。

提前谢谢!

1 个答案:

答案 0 :(得分:0)

没关系,我只需要添加处理关闭它的span类。

<span class = 
            "closebtn" onclick="this.parentElement.style.display='none';">&times;
       </span> 
         <ion-card *ngIf="createdCode">
           <ngx-qrcode [qrc-value]="createdCode"></ngx-qrcode>
                <ion-card-content>
                    <p>Value: {{ createdCode}}</p>
                </ion-card-content>
            </ion-card>

并在file.scss中添加以下内容以显示结束按钮。

    .closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    color: black;
}