スキャンした後にQRコードを削除する

Question

私は文書を読んだり、stackoverflowやオンラインで他の同様の質問を検索しようとしましたが、正しく検索されていません.QRコードの後に​​QRコードを削除する方法がわかりませんスキャンされています。

< 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> 

あなたは全体の持っているすべての関連する質問がある場合は、私はいくつかの上にポイントをピンすることはできませんよと、それに私を参照して行ってくださいトラフを見る時間。

ありがとうございます！

Answer 1

気にしないで、私はそれを処理するスパンクラスを追加しなければなりませんでした。

<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; 
}