我已尝试在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>
如果您有任何相关问题,请参考我,因为我无法确定几个小时的低谷。
提前谢谢!
答案 0 :(得分:0)
没关系,我只需要添加处理关闭它的span类。
<span class =
"closebtn" onclick="this.parentElement.style.display='none';">×
</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;
}