掃描後刪除QR碼

Question

我試過在文件上查找或在stackoverflow或在線搜索其他類似的問題，但它不是我正確使用谷歌搜索。我不知道如何刪除後QRCode它已被掃描。

顯示在< p> tag錯了嗎？

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> 

如果有，你有遇到任何有關問題，請做參考我給它，因爲我不能在少數針點幾小時的低谷。

預先感謝您！

Answer 1

沒關係，我只需要添加處理關閉它的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; 
}